حاسبة نسبة التباين اللوني وفق WCAG
احسب نسبة التباين النسبي وفق WCAG 2.1 بين لون المقدمة والخلفية، وتحقق من الامتثال لمعياري AA وAAA للنصوص العادية والكبيرة.
كيفية استخدام حاسبة نسبة التباين اللوني وفق WCAG
- أدخل لون المقدمة كرمز سداسي عشري (#rrggbb).
- أدخل لون الخلفية كرمز سداسي عشري.
- انقر على "احسب" لعرض نسبة التباين وأحكام AA/AAA.
حالات الاستخدام
- •مراجعة رموز التصميم أثناء بناء الهوية البصرية.
- •تدقيق إمكانية الوصول لواجهات المستخدم الحالية.
- •فحص تركيبات النصوص فوق الصور.
الصيغة
Ratio = (L1 + 0.05) / (L2 + 0.05) حيث L1 هو الإضاءة النسبية الأفتح وL2 هو الأغمق. الإضاءة المبسطة: 0.2126·R + 0.7152·G + 0.0722·B على مقياس sRGB من 0 إلى 1.
الأسئلة الشائعة
لماذا يُعدّ معيار AA الحد الأدنى؟
يُعدّ مستوى AA من WCAG 2.1 الهدف الذي تعتمده معظم الجهات التنظيمية (EN 301 549، القسم 508، وقانون ADA). أما مستوى AAA فهو مثالي لمواد القراءة الطويلة.
ما الذي يُعدّ نصاً كبيراً؟
النص الكبير هو ما لا يقل عن 18 نقطة (24 بكسل) بالوزن الاعتيادي، أو 14 نقطة (18.66 بكسل) بالخط العريض. وكل ما عدا ذلك يُعدّ نصاً عادياً ويجب أن يستوفي نسبة 4.5:1.
هل الإضاءة المبسطة دقيقة وفق WCAG؟
بالنسبة لمعظم أزواج sRGB، تُقرّب إلى نفس حكم النجاح أو الفشل كما في الصيغة الكاملة. في الحالات الحدية قرب العتبة، قارن مع صيغة WCAG الرسمية أو APCA للمشاريع الجديدة.