ما المطلوب في كل مستوى؟
المستوى AA هو المطلوب عادة في المواقع، و AAA أعلى منه.
| الاستخدام | AA | AAA |
|---|---|---|
| نص عادي | 4.5:1 | 7:1 |
| نص كبير (24 بكسل، أو 18.66 بكسل عريض) | 3:1 | 4.5:1 |
| أيقونات وحدود الحقول والأزرار | 3:1 | — |
لماذا يهم التباين؟
القراءة على الجوال. أغلب الزوار يتصفحون من الجوال، والنص ضعيف التباين يصعب قراءته في الضوء القوي.
كل الزوار. التباين الجيد يخدم كبار السن وضعاف البصر ومن لديهم عمى ألوان، ويريح الجميع.
الأزرار. نص الزر يحتاج تباينًا مع لون الزر نفسه، لا مع خلفية الصفحة.
تقييم جوجل. أداة Lighthouse من جوجل تفحص تباين النصوص ضمن تقييم إمكانية الوصول (Accessibility).
أسئلة شائعة
ما هي نسبة التباين؟
رقم من 1 إلى 21 يقارن إضاءة لون النص بإضاءة لون الخلفية. الأسود على الأبيض 21:1، واللون فوق نفسه 1:1.
ما الفرق بين AA و AAA؟
مستويان في معيار WCAG لإمكانية الوصول. AA هو المطلوب عادة في المواقع والجهات الرسمية، و AAA أعلى، ويُنصح به للنصوص الطويلة.
ماذا يعني النص الكبير؟
حسب WCAG: نص بحجم 24 بكسل فأكثر، أو 18.66 بكسل فأكثر إذا كان عريضًا (Bold).
لماذا تعتبر الأداة 4.49 راسبًا؟
لأن المعيار لا يقبل التقريب: يجب أن تبلغ النسبة 4.5 فعلًا. لذلك نعرض الرقم مقطوعًا لا مقرّبًا.
هل يمكن فحص الألوان الشفافة؟
نعم. اكتب مثل rgba(0, 0, 0, 0.6)، ونحسب اللون كما يظهر فعلًا فوق الخلفية.
كيف تقترح الأداة لونًا بديلًا؟
نغيّر إضاءة اللون فقط ونحافظ على درجته، حتى يصل إلى النسبة المطلوبة، فيبقى قريبًا من لون هويتك.