فاحص تباين الألوان

الإضاءة هي القناة التي تبقى دائمًا

للون مكوّنان يمكن للمصمم أن يتكئ عليهما: الدرجة اللونية والفاتحية. وواحد منهما فقط موثوق مع الجمهور كله.

يتفاوت تمييز الدرجة اللونية تفاوتًا هائلًا. فنحو رجل من كل اثني عشر لديه اضطراب أحمر أخضر، وقد لا يحمل عنده فرقٌ في الدرجة يبدو لك بديهيًا أي معلومة على الإطلاق. أما تمييز الفاتحية فأكثر تجانسًا بكثير. فمن لديه اضطراب في رؤية الألوان، ومن انخفضت حدة إبصاره، ومن ينظر إلى شاشة هاتف باهتة تحت شمس ساطعة، ومن بصره نمطي تمامًا، كلهم يدركون فرقًا كبيرًا في الفاتحية بوصفه فرقًا كبيرًا.

لهذا فنسبة التباين هي مقياس الوصولية الحامل للثقل. إنها تقيس علاقة الفاتحية بين لونين متجاهلة الدرجة اللونية تمامًا، وهذا بالضبط ما نريده، لأنها تخبرنا بما يبقى حين تكون قناة الدرجة غير موثوقة.

وتمتد النسبة من 1:1، حيث يكون للونين الإضاءة النسبية نفسها ويكون الحد بينهما غير مرئي لأحد، إلى 21:1 للأسود الخالص على الأبيض الخالص. والحساب معرَّف بدقة في WCAG: حوّل كل قناة sRGB إلى ضوء خطي، ثم رجّح القنوات بحسب إسهامها في الإضاءة المدركة، ثم قارن النتيجة الأفتح بالأغمق.

العتبات وما يسندها

4.5:1 — النص العادي (WCAG AA). الأساس لمتن النص. واشتُق الرقم من فقدان حساسية التباين المرتبط بحدة إبصار تقارب 20/40، وهي شائعة عند كبار السن وقابلة للتصحيح لكنها كثيرًا ما تبقى غير مصححة.

3:1 — النص الكبير (WCAG AA). ينطبق ابتداءً من 18 نقطة عادية أو 14 نقطة عريضة. فالحروف الأكبر أسمك خطوطًا فتظل مقروءة عند تباين أقل.

3:1 — تباين العناصر غير النصية (WCAG AA). يشمل مكوّنات الواجهة والرسوم الحاملة للمعنى: حدود الحقول وحالات المفاتيح ومؤشرات التركيز والأيقونات التي تنقل معلومة والأجزاء الجوهرية من المخطط. وهو المعيار الأكثر إغفالًا، وعنده غالبًا تسقط واجهة أنيقة المظهر منخفضة التباين في التدقيق.

7:1 و4.5:1 — النص العادي والكبير (WCAG AAA). مستوى أشد يستهدف حدة إبصار تقارب 20/80. ويستحق الاعتماد في القراءة الطويلة حتى حين لا يكون مطلوبًا.

التباين ضروري لا كافٍ

أشيع خطأ في العمل على لوحات ألوان ميسورة الوصول هو اعتبار اجتياز نسبة التباين نهاية العمل. فثمة سؤالان مستقلان يحتاجان إلى جواب:

1. هل كل لون مقروء على خلفيته؟ هذا هو التباين، وهذا المدقق يجيب عنه.
2. هل الألوان التي تعني أشياء مختلفة متمايزة بعضها عن بعض؟ هذا هو انفصال الدرجات، ونسبة التباين لا تقول عنه شيئًا.

فقد يجتاز مخطط بسلسلة حمراء وأخرى خضراء اختبار التباين بأريحية، إذ كلتاهما داكنة على خلفية بيضاء، ويظل مع ذلك غير مقروء البتة لمن لديه ديوتانوبيا، لأن السلسلتين غير متمايزتين عن بعضهما. مرّر مثل هذه اللوحات عبر محاكي رؤية الألوان أيضًا.

وكلما حمل اللون معنى فأضف دليلًا ثانيًا. فمعيار استخدام اللون في WCAG يطلب ذلك، وتصف التقنية G111 النهج المعتاد: قرن اللون بنقش أو شكل أو موضع أو عنوان صريح. وعمليًا يعني ذلك وسم سلاسل المخطط مباشرة بدل مفتاح لوني، ووضع أيقونة إلى جانب رسالة الخطأ الحمراء، وتسطير الروابط داخل النص، وتمييز حالتي النجاح والفشل بالشكل أيضًا.

العمل مع المدقق

أدخل لون المقدمة ولون الخلفية فتُبلغك الأداة بالنسبة وبالعتبات المستوفاة. وثمة عادات تجعله أنفع:

• اختبر الزوج الحقيقي. فالطبقات شبه الشفافة والتدرجات وصور الخلفية تعني أن الخلفية الفعلية ليست اللون المكتوب في ملف الأنماط. خذ العينة مما يُرسم فعلًا.
• اختبر السمتين. فالإضاءة لا تنقلب انقلابًا نظيفًا؛ وللوحة الداكنة جولة اختبار خاصة بها.
• في التدرج اختبر أسوأ الحالات لا المتوسط.
• أدرج حالتي التعطيل ونص التلميح. فهما يُقرآن أيضًا.
• اختبر مؤشرات التركيز على كل سطح تظهر عليه. فحلقة تركيز تستوفي 3:1 على الأبيض قد تختفي فوق بطاقة.

وللصورة الأوسع يتناول التصميم مع مراعاة عمى الألوان بناء لوحات الألوان، ويعالج جعل المخططات في متناول الجميع تصوير البيانات تحديدًا.