فاحص تباين الألوان
تحقق من أن النص سيكون مقروءًا فعلًا، وفق معيار إمكانية الوصول.
- يعمل في متصفحك — ولا يُرسل نصك إلى أي مكان
- دون تسجيل، ودون حصص، ومجاني بالقدر الذي تريده
كيف يعمل
النص الرمادي الفاتح على الأبيض هو أشيع إخفاق في إمكانية الوصول على الويب، ويمكن تجنبه تمامًا. وتعرّف إرشادات إمكانية الوصول التباين بنسبة دقيقة، لذا فإن اجتياز اقتران ألوان من عدمه مسألة حساب لا رأي.
كيف تُحسب النسبة
يُحسب السطوع النسبي لكل لون بالطريقة التي تحددها الإرشادات — بتطبيق تصحيح غاما على كل قناة — وتؤخذ النسبة بين الأفتح والأغمق. وتطابق النتيجة ما سيعرضه تدقيق إمكانية الوصول، لأنها الصيغة نفسها.
العتبات
يحتاج النص العادي إلى 4.5:1 للمستوى AA و7:1 للمستوى AAA. أما النص الكبير — نحو 24px، أو 18.7px إن كان غامقًا — فيحتاج إلى 3:1 فقط للمستوى AA و4.5:1 للمستوى AAA. ويحتاج مكوّنات الواجهة والرسومات ذات المعنى إلى 3:1. والمستوى AA هو ما تطلبه معظم المؤسسات ومعظم التشريعات.
لماذا يُسمح بأقل للنص الكبير
تتكون كل ضربة في الحروف الأكبر من بكسلات أكثر، لذا تبقى مقروءة عند تباين أقل. ولهذا يمكن لعنوان أن يستخدم رماديًا أفتح مما يستطيعه نص المتن.
ما لا تلتقطه النسبة
لا تقول شيئًا عن عمى الألوان، وهو فحص منفصل، ولا عن كون النص كبيرًا بما يكفي أو الخط مقروءًا. فالنسبة المجتازة هي الحد الأدنى، لا دليل على تصميم مقروء.
فاحص تباين الألوان — أسئلة
ما نسبة التباين التي أحتاجها؟
4.5:1 للنص العادي في المستوى AA، و3:1 للنص الكبير. ويرفعها المستوى AAA إلى 7:1 و4.5:1.
ما الذي يُعدّ نصًا كبيرًا؟
نحو 24px فأكثر، أو 18.7px فأكثر إن كان غامقًا.
هل يعني اجتياز الفحص أن تصميمي متاح لذوي الإعاقة؟
لا. التباين متطلب واحد من متطلبات كثيرة؛ ولا يقول شيئًا عن عمى الألوان أو حجم النص أو سهولة القراءة.