اختيار ألوان يستطيع الجميع قراءتها
بقلم فريق AsasWeb 1 دقيقة قراءة
تشترط WCAG نسبة تباين لا تقل عن 4.5:1 لنص المتن و3:1 للنص الكبير وعناصر الواجهة. الطريقة الموثوقة لبلوغ هذه الأهداف هي بناؤها في لوحة الألوان من البداية، فاختر حبراً داكناً وسطحاً فاتحاً يجتازان الحد بارتياح، ثم تحقق من كل زوج ألوان بأداة قياس التباين. لا تشر إلى أي شيء باللون وحده، وافحص الوضع الداكن على حدة، فاللوحة التي تنجح على الأبيض قد تفشل على خلفية تقارب الأسود.
النص منخفض التباين يبدو أنيقاً داخل أداة التصميم ويختفي في الحياة الواقعية: تحت أشعة الشمس، أو على شاشة رخيصة، أو أمام أي شخص ضعيف البصر. اللون الميسور الوصول لا يتعلق بطمس هوية علامتك. بل بضمان أن يستطيع الناس قراءتها فعلاً.
اعرف الأهداف
يضع WCAG حدوداً دنيا واضحة. نص المتن يحتاج إلى نسبة تباين لا تقل عن 4.5 إلى 1 مقابل خلفيته. النص الكبير، من نحو 24 بكسل، وعناصر واجهة المستخدم تحتاج إلى 3 إلى 1 على الأقل. هذه أرضيات، لا أهداف، ومن السهل فحصها بأي أداة تباين.
ابنِ التباين داخل لوحة ألوانك
الحيلة هي تصميم لوحة الألوان حول هذه الأهداف من البداية، بدلاً من اكتشاف الإخفاقات في النهاية. اختر حبراً داكناً وسطحاً فاتحاً يجتازان بأريحية، ثم اختر ألواناً مميزة تعمل نصاً وتعبئة معاً. على هذا الموقع، كل زوج ألوان موثّق بنسبته المقيسة، كي لا يفلت شيء.
لا تعتمد على اللون وحده
ينبغي ألا يكون اللون أبداً الطريقة الوحيدة للإشارة إلى شيء. الحقل المطلوب، والخطأ، والرابط داخل فقرة: كل منها يحتاج إلى إشارة ثانية مثل نص أو أيقونة أو تسطير. من لا يدركون فروق الألوان ما زالوا بحاجة إلى الرسالة.
انتبه للوضع الداكن
لوحة الألوان التي تجتاز في الوضع الفاتح قد تخفق في الوضع الداكن، حيث قد يكون لون العلامة الذي بدا سليماً على الأبيض باهتاً أكثر من اللازم على سطح شبه أسود. كل سمة تحتاج إلى قيمها المفحوصة الخاصة.
نعامل التباين بوصفه رقماً مقيساً، لا تخميناً. إذا لم تكن متأكداً من أن ألوان علامتك تجتاز، ابدأ مشروعاً وسندققها ونجد لوحة ألوان متسقة مع علامتك وقابلة للقراءة معاً.