يعاني نحو رجل من كل اثني عشر وامرأة من كل مئتين من شكل من أشكال قصور رؤية الألوان، وكثيرون غيرهم يقرؤون الشاشات تحت ضوء الشمس أو بضعف في البصر. والاختيارات اللونية سهلة الوصول تساعدهم جميعاً.
ما هي نسبة التباين؟
يقيس معيار WCAG الفرق في الإضاءة النسبية بين لونين. تتراوح النسبة من 1:1 (متطابقان) إلى 21:1 (أسود على أبيض). تعتمد على السطوع فقط لا على درجة اللون، لذلك قد يفشل نص أحمر على أخضر رغم اختلاف اللونين الكبير.
العتبات التي تحتاجها
| المحتوى | AA (الحد الأدنى) | AAA (المعزز) |
|---|---|---|
| النص العادي | 4.5:1 | 7:1 |
| النص الكبير (24 بكسل أو نحو 18.7 بكسل عريض) | 3:1 | 4.5:1 |
| الأيقونات وحدود الحقول وحلقات التركيز | 3:1 | — |
تركيبات شائعة غير ناجحة
- نص إرشادي رمادي فاتح على أبيض (غالباً نحو 2.5:1).
- نص أبيض على أزرار صفراء أو برتقالية أو خضراء فاتحة.
- نص ملون رفيع فوق صور بلا طبقة تظليل.
كيف تصلح زوجاً غير ناجح
حافظ على درجة اللون وغيّر الإضاءة. مثلاً أزرق الروابط #0066CC ينجح في AA على الأبيض بنسبة تقارب 5.6:1، بينما لا ينجح أزرق أفتح منه. يقترح فاحص التباين أقرب لون ناجح تلقائياً.
لا تعتمد على اللون وحده
يجب أن تجمع حالات الخطأ والنجاح بين اللون والنص أو الأيقونات. حدّ أحمر مع رسالة "البريد الإلكتروني مطلوب" يصلح للجميع، أما الحد الأحمر وحده فلا. افحص ألوان الحالات في محاكي عمى الألوان.
دقّق لوحة كاملة
يختبر محلل إمكانية الوصول للوحات كل زوج في لوحتك ويعرض التركيبات الآمنة للنصوص.
