تؤثر الألوان التي تختارها لواجهة تطبيقك في مدى سهولة قراءة المستخدمين للواجهة وفهمها، إذ يعزز تباين الألوان الكافي من سهولة قراءة النصوص والصور واستيعابها.
يساعد تباين الشاشة الكافي جميع المستخدمين عند مشاهدة واجهة على الأجهزة في ظروف إضاءة شديدة، مثل التعرّض لأشعة الشمس المباشرة أو استخدام شاشة ذات سطوع منخفض، بالإضافة إلى مساعدة المستخدمين الذين لديهم حالات عجز بصري مختلفة.
التنفيذ
عند تنفيذ واجهة مستخدم لأحد التطبيقات، حدد ألوان كل من الخلفية والمقدّمة باستخدام تباين ألوان كافٍ.
"نسبة التباين" هي احتساب الفرق في الشدة الضوئية أو كثافة الإضاءة المنبعثة بين لونين متجاورين عند عرضهما على الشاشة. تتراوح هذه النسبة بين 1 و21 (وتتم كتابتها غالبًا بالشكل 1:1 إلى 21:1)، وتعني الأرقام المتزايدة تطبيق تباين أعلى. وهناك العديد من الأدوات المتوفرة لاحتساب نسبة التباين بين لونين متجاورين، مثل هذه الآلة الحاسبة لنسبة تباين الألوان.
عند استخدام TextView لعرض النص، استخدِم android:textColor وandroid:background لتحديد ألوان المقدّمة والخلفية باستخدام نسبة تباين عالية. يجب استخدام مَعلمة الألوان عند استخدام النص في Compose وModifier.background لتحديد ألوان المقدّمة والخلفية باستخدام نسبة تباين عالية.
تقترح إرشادات W3C القيم التالية:
- 4.5:1 على الأقل للنص الصغير (أقل من 18 نقطة عادية أو 14 نقطة غامقة)
- 3.0:1 على الأقل للنص الكبير (18 نقطة وأكثر عادية أو 14 نقطة وأكثر غامقة)
ملاحظات حول تباين الألوان:
-
عند استخدام
ImageViewأوImageلعرض محتوى بياني أو رسم الرموز، تأكَّد من أنّ التباين بين ألوان المقدّمة والخلفية يتوافق مع النسب المقترَحة أو يتجاوزها. - يتم قياس نسب التباين على أساس اللون الواضح لمقدّمة العنصر وخلفيته عند وضعه على العناصر الأخرى. في حال تحديد الألوان بصيغة ARGB (قيم عشرية بالشكل #AARRGGBB)، يُرجى العلم أنّ الألوان غير المعتمة (التي تكون بقيمة ألفا أقل من 255) قد تشتمل على لون واضح مختلف بسبب امتزاجها مع المحتوى المعروض أسفلها.
- يمكن أن يؤثر ترقيق الخطوط وتقليل سمكها في اللون الواضح لجزء من المحتوى، خاصةً إذا كان خط المحتوى بعرض منخفض. ولتحسين إمكانية القراءة، يمكنك اختيار مجموعة ألوان بنسبة تباين أكبر أو زيادة عرض خط المحتوى.
التصميم
عند تصميم واجهة مستخدم، يجب مراعاة اختيار لوحة ألوان تشتمل على تباين ألوان كافٍ للألوان المجاورة.
- بالنسبة إلى النصوص ورسم الرموز على وجه التحديد، عليك اتباع إرشادات W3C لمعرفة الحد الأدنى لنسب التباين.
- يجب مراعاة تضمين مظهر عالي التباين كأحد الخيارات، أو السماح للمستخدم باختيار ألوان المحتوى الأساسي.
للمزيد من المعلومات، يمكنك الاطّلاع على إرشادات الألوان والتباين الخاصة بأدوات تسهيل الاستخدام ذات التصميم المتعدد الأبعاد.
الاختبار
للتحقق يدويًا من تباين الألوان في أحد التطبيقات:
- افتح التطبيق.
- التقِط لقطة شاشة.
- باستخدام برنامج عرض الصور أو تعديلها، استخدِم "أداة اختيار الألوان" لاستخراج عيّنة واضحة من الألوان من لقطة الشاشة.
- استخدِم الآلة الحاسبة لنسبة التباين لتحديد نسبة التباين للألوان المجاورة.
- إذا كانت نسبة التباين أقل من النسبة المحددة في إرشادات W3C، قد تستفيد الواجهة من زيادة تباين الألوان.
يمكن لأدوات الاختبار المبرمَجة في Android رصد العديد من مشاكل تباين الألوان. ويمكنك استخدام Accessibility Scanner لنظام التشغيل Android من أجل اختبار تطبيقك يدويًا على الجهاز. ولإجراء اختبارات مبرمجة، يجب تفعيل فحص سهولة الاستخدام في Espresso وRobolectric.