تصميم تجربة المستخدم وواجهة المستخدم · مصطلحات · إمكانية الوصول

ما معنى color contrast؟

المعنى في مجال تصميم تجربة المستخدم وواجهة المستخدم مع أمثلة

اسممصطلح أساسي

color contrast: تباين الألوان، تباين اللون

الفرق في السطوع بين النص أو الأيقونة والخلفية، وهو ما يحدد سهولة رؤيتهما، ولا سيما لدى ضعاف البصر.

طريقة الاستخدام

يقاس بنسبة تباين. يطلب مستوى WCAG AA نسبة 4.5:1 على الأقل للنص العادي و3:1 للنص الكبير؛ أما AAA فيطلب 7:1. يختبر المصممون أزواج الألوان بأدوات فحص التباين.

أمثلة

  1. Light grey text on white fails the colour contrast check.

    يفشل النص الرمادي الفاتح على الخلفية البيضاء في فحص تباين الألوان.

    يصعب تمييز النص عن الخلفية لأن الفرق بين درجتيهما ضعيف.

  2. We darkened the button so the color contrast meets WCAG AA.

    جعلنا الزر أغمق كي يفي تباين اللون بمتطلبات WCAG AA.

    زاد التعديل وضوح الزر ورفع نسبة التباين إلى الحد المطلوب.

تراكيب شائعة

  • low color contrast
  • check the contrast ratio
  • meet contrast requirements
  • high-contrast mode

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

مصطلحات أخرى: إمكانية الوصول

تدرّب على القراءة المتدرجة

تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: