القصة وراء مدقق تباين الألوان

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

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

من أين جاء 4.5 و7

أصبحت WCAG 2.0 توصية من W3C في ديسمبر 2008. انطلق المؤلفون من حد أدنى قدره 3:1 في معيار ISO 9241-3 ثم رفعوه لتعويض فقدان حساسية التباين عند حدة بصر تقارب 20/40، وهي شائعة في سن الثمانين تقريبًا. ومن هنا جاءت نسبة 4.5:1 للمستوى AA. أما المستوى AAA بنسبة 7:1 فيفعل الشيء نفسه لبصر يقارب 20/80.

النصوع النسبي

تحوّل المعادلة أولًا كل قناة sRGB إلى ضوء خطي، ثم تعطي الأحمر والأخضر والأزرق أوزان 0.2126 و0.7152 و0.0722، وهي أوزان معيار التلفزيون ITU-R BT.709 نفسها، لأن العين أكثر حساسية للأخضر. والنسبة هي النصوع الأفتح مضافًا إليه 0.05 مقسومًا على الأغمق مضافًا إليه 0.05. تمثل القيمة 0.05 الضوء المنعكس عن الشاشة وتحصر المقياس بين 1:1 و21:1، أي الأسود على الأبيض.

ما بعد النص

يبقى النص الكبير، بحجم 24 px على الأقل أو 18.66 px بخط عريض، مقروءًا بتباين أقل ويحتاج إلى 3:1 فقط للمستوى AA. وأضافت WCAG 2.1 الصادرة في يونيو 2018 معيار النجاح 1.4.11 تباين العناصر غير النصية: يجب أن تبلغ حدود حقول الإدخال ومؤشرات التركيز والأيقونات وأجزاء الرسم البياني اللازمة لفهمه نسبة 3:1 مقابل ما يجاورها.

عمى الألوان وما بعده

نحو رجل من كل 12 وامرأة من كل 200 لديهم قصور في رؤية الألوان، غالبًا في الأحمر والأخضر. يُقاس التباين على النصوع، لذا يبقى الزوج الناجح مقروءًا، لكن الألوان التي تختلف في الصبغة فقط قد تبدو متشابهة. تستخدم المحاكاة هنا نموذج Machado وOliveira وFernandes لعام 2009. وتبحث مسودات WCAG 3 في APCA، وهي طريقة أحدث تراعي أيضًا حجم النص وما إذا كان داكنًا على فاتح أو فاتحًا على داكن.

الأسئلة المتداولة

هل التباين الجيد كافٍ لإمكانية الوصول؟

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

هل تُظهر المحاكاة بالضبط ما يراه الشخص؟

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

هل أستخدم APCA بدلًا من نسبة WCAG 2؟

للامتثال اليوم استخدم نسبة WCAG 2. تحتفظ WCAG 2.2 الصادرة في أكتوبر 2023 بالمعادلة نفسها، وتشير إليها القوانين والمعايير مثل EN 301 549. ولا يزال APCA قيد التطوير.

هل أنت مستعد لتجربتها؟

افتح PictorX في متصفحك - بدون تثبيت، ولا يلزم وجود بطاقة ائتمان للبدء.

افتح مدقق تباين الألوان