لماذا توجد نسب التباين

عند قراءة النص، تقارن العين بين مدى سطوع الحروف أو عتمتها وبين الخلفية. وهذا الفرق هو التباين. 👀

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

تتراوح النسبة من 1:1 إلى 21:1. فالأسود على الأبيض يحقق الحد الأقصى، 21:1، بينما يحقق اللون نفسه على نفسه 1:1 ويكون غير مرئي تمامًا.

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

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

يقلل وهج الشمس والشاشات الرخيصة والهواتف ذات السطوع المنخفض من التباين. وتحافظ النسبة التي تصمد في هذه الظروف على قابلية قراءة النص في كل مكان.

اختارت WCAG نسبة 4.5:1 للنص العادي بوصفها حدًا أدنى مدعومًا بالأبحاث. وهي تراعي تقريبًا ضعف البصر المتوسط من دون فرض استخدام الأسود والأبيض الخالصين.

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

تتعلق النسبة دائمًا بلونين معًا. فلا يكون الرمادي مقروءًا أو غير مقروء بمفرده، بل يعتمد ذلك على السطح الذي يظهر عليه.

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

يشكل هذان اللونان نسبة 4.6:1 تقريبًا، وهي تتجاوز بقليل الحد المطلوب للنص العادي لتوفير قراءة مريحة.

تعلمتم أن نسبة التباين تحول قابلية القراءة إلى رقم واضح واحد، مبني على الإضاءة، حتى يعمل النص مع كل عين. التالي: تحقيق حدود AA. ✅