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

كيفية الاستخدام فاحص تباين الألوان

1. اختر لون النص ولون الخلفية.
2. اقرأ نسبة التباين وجدول النجاح لمستويي AA وAAA.
3. استخدم الاقتراح لتصحيح تركيبة راسبة بفارق بسيط.

النص العربي يخسر أكثر عند ضعف التباين

المعيار واحد لكل الكتابات، لكن أثر مخالفته أشدّ في العربية.

فالحروف العربية تتمايز بالنقاط: ب وت وث ون وي تشترك في الهيكل نفسه. والنقطة تفصيل صغير عالي التردّد، وهي أول ما يذوب حين يضعف الفرق بين لون النص والخلفية.

والنتيجة أن نصًا عربيًا عند تباين 3.5:1 قد يبدو مقروءًا من بعيد وتتعذّر قراءته فعلًا، لأن القارئ يخمّن الحروف من السياق بدل أن يراها.

ويزيد الأمر سوءًا مع الخطوط الرفيعة. فكثير من الخطوط العربية الحديثة ذات أوزان خفيفة أنيقة، وحدّ 4.5:1 محسوب على افتراض وزن معتاد. ومع وزن خفيف عند 200 أو 300، يُنصح بتجاوز الحدّ الأدنى بوضوح لا الوقوف عنده.

العتبات

مستويان، وتعريف «النص الكبير» أضيق مما يظنّ كثيرون.

والسطر الثالث يُغفل كثيرًا: حقول الإدخال وحدود الأزرار ومؤشّر التركيز بلوحة المفاتيح تحتاج 3:1 مقابل محيطها. والحد الرمادي الفاتح على أبيض مخالفة نمطية.

وفي المنطقة تتّجه الجهات الحكومية إلى اشتراط معايير الوصول الرقمي في مواقعها وتطبيقاتها، وتستند في ذلك إلى WCAG مستوى AA. فمن يعمل على مشروع حكومي أو شبه حكومي في الإمارات أو السعودية يُتوقّع منه الالتزام بهذه الأرقام لا اعتبارها توصية.

إصلاح تركيبة راسبة

يكفي غالبًا تعديل السطوع مع بقاء درجة اللون.

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

وإن كان اللون لونًا للعلامة التجارية ولا يجوز تغييره، فأمامك مساران: استخدامه في المساحات لا في النص، أو تعريف درجة أغمق منه مخصّصة للنص. وكثير من العلامات لديها بالفعل «درجة ويب داكنة» لهذا السبب.

وما لا ينفع: خط أرفع، أو ظل خلف النص، أو حجم أكبر بقليل من العتبة. فالفحص يقيس الألوان لا النوايا.

الأسئلة الشائعة