تباين الألوان

ليست كل النصوص متساوية

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

فعلى سبيل المثال:

• العناوين الكبيرة تمنحك مرونة أكبر في اختيار الألوان.

• النصوص الصغيرة تحتاج إلى تباين أعلى.

• الفقرات الطويلة تحتاج إلى وضوح أكبر لأنها تتطلب وقتًا أطول للقراءة.

قد ينجح اللون نفسه مع عنوان بحجم 48px، لكنه يصبح مرهقًا عندما يستخدم في فقرة بحجم 16px مكونة من عدة أسطر

ما هي معايير AA و AAA؟

عند استخدام أدوات فحص التباين، ستجد مصطلحات مثل AA و AAA.

وهي معايير عالمية ضمن إرشادات إمكانية الوصول (WCAG) تحدد الحد الأدنى المقبول لقابلية قراءة النصوص.

بالنسبة للنصوص العادية:

• الـAA: نسبة تباين لا تقل عن 4.5:1.

• الـAAA: نسبة تباين لا تقل عن 7:1.

أما النصوص الكبيرة:

• الـAA: نسبة تباين لا تقل عن 3:1.

• الـAAA: نسبة تباين لا تقل عن 4.5:1.

كلما ارتفعت النسبة، أصبح النص أوضح وأسهل للقراءة.

وللمقارنة:

• 21:1 هو أعلى تباين ممكن تقريبًا (مثل الأسود على الأبيض).

• 7:1 يعتبر ممتازًا لمعظم الاستخدامات.

• 4.5:1 هو الحد الأدنى الموصى به للنصوص العادية.

هل يجب أن أحقق AAA دائمًا؟

لا، معيار AA يعتبر كافي وممتاز لمعظم المواقع والتطبيقات، ولا يعني عدم تحقيق AAA أن تصميمك سيء.

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

لذلك:

• أعطِ الأولوية للنصوص المهمة.

• اهتم أكثر بالنصوص الصغيرة والطويلة.

• استخدم المعايير كدليل يساعدك على اتخاذ القرار، وليس كقواعد تمنعك من الإبداع.

كيف تتحقق من التباين؟

يعرض Figma نسبة التباين مباشرة داخل البرنامج، كما توجد العديد من الأدوات المجانية التي تساعدك على فحص الألوان قبل اعتمادها، من أهمها: https://webaim.org/resources/contrastchecker/

طريقة الفحص داخل Figma: اضغط على أحد النصوص ثم اللون، ستظهر لك أيقونة التباين

الخلاصة

لا تصمم لشاشة جهازك فقط. قد تستخدم شاشة حديثة بسطوع 100%، لكن مستخدمك قد يكون:

• تحت أشعة الشمس.

• يستخدم شاشة أقدم.

• خفّض سطوع الشاشة لتوفير البطارية.

• يعاني من ضعف في تمييز الألوان (Color Blindness).

• يستخدم هاتفًا صغيرًا أو شاشة ذات جودة أقل.

التباين الجيد لا يظهر في الظروف المثالية، بل يظهر في الظروف السيئة.

ففي المرة القادمة التي تختار فيها لونًا للنص، اسأل نفسك:

هل سيتمكن الجميع من قراءته بسهولة؟

صمّم لأسوأ الظروف، وليس لأفضلها.