لا يوجد تباين عالي بما فيه الكفاية لعرض لون الخلفية والمناظر الأمامية
يرجى التأكد من وجود تباين ألوان كافٍ بين النص في المقدمة ولون الخلفية لجميع عناصر النص.
إرشادات النجاح: يرجى التأكد من أن تباين الألوان للنص البوق يصل إلى 4.5:1 على الأقل ، والنص الكبير يصل إلى 3:1 على الأقل ، حتى لو كان هذا النص جزءًا من الصورة. وفقًا للمتطلبات ذات الصلة ، يتم تعريف النص الكبير على أنه 18 بت (24 بكسل CSS) أو 14 بت نصًا سميكًا (19 بكسل CSS). ملاحظة: إذا تبين أن تباين لون العنصر هو 1:1 ، فسيتم اعتبار العنصر "غير مكتمل" ويجب إعادة النظر فيه يدويًا.
يعاني بعض الأشخاص الذين يعانون من ضعف البصر من انخفاض التباين ، مما يعني أنه لا يوجد الكثير من المناطق الساطعة أو المظلمة. تميل جميع الأجسام إلى إظهار نفس السطوع ، مما يجعل من الصعب التمييز بين الخطوط العريضة والحدود والحواف والتفاصيل. قد يكون من الصعب قراءة النص الذي يكون فيه السطوع قريبًا جدًا من الخلفية.
عدد الأشخاص الذين يعانون من ضعف البصر هو ما يقرب من ثلاثة أضعاف عدد الأشخاص المصابين بالعمى التام. واحد من كل اثني عشر شخصًا لا يستطيع رؤية طيف الألوان الكامل-في الولايات المتحدة ، حوالي 8 ٪ من الرجال و 0.4 ٪ من النساء. لا يستطيع الأشخاص الذين يعانون من ضعف البصر أو عمى الألوان التمييز بين النص في الخلفية عندما لا يكون التباين كافياً.
يتم أخذ الشفافية والتعتيم في الاعتبار في الألوان في الخلفية.
شفافية اللون والتعتيم في المقدمة يصعب مراعاته والتعامل معه بسبب:
- لون المقدمة والخلفية هو نفسه.
- CSS خلفية التدرج.
- لون الخلفية في العناصر الزائفة CSS.
- ألوان الخلفية التي تم إنشاؤها باستخدام حدود CSS.
- يتداخل مع عنصر آخر في المقدمة-في بعض الأحيان يحدث هذا بسبب التموضع الصعب.
- يتم نقل العناصر من منفذ الرؤية عبر CSS.
افتح https://color.adobe.com/zh/create/color-contrast-analyzer أداة مساعدة Adobe Color
تعيين لون النص ولون الخلفية كما هو موضح
https://dequeuniversity.com/rules/axe/4.11/color-contrast? Lang = zh
