دليل تباين الألوان WCAG
فهم متطلبات التباين AA وAAA، وكيفية اختبار النص ومكونات واجهة المستخدم، وكيفية إصلاح الأزواج الفاشلة.
FAQ
- ما هي النسبة التي أحتاجها للأزرار؟
- تحتاج مكونات واجهة المستخدم والكائنات الرسومية عمومًا إلى نسبة 3:1 على الأقل مقابل الألوان المجاورة. لا يزال النص الموجود داخل الأزرار يحتاج إلى نسبة 4.5:1 (AA) أو 3:1 للنص الكبير.
أساسيات التباين WCAG
يحدد WCAG 2.x الحد الأدنى لنسب التباين بين ألوان النص والخلفية. المستوى AA هو الهدف القانوني والمنتج المشترك؛ AAA أكثر صرامة ويوصى بها للنص الأساسي عندما يكون ذلك ممكنًا.
يعتمد التباين على النصوع النسبي، وليس على اللون. يمكن أن يبدو اللونان مختلفين ولكنهما يفشلان في التباين إذا كانت الإضاءة متشابهة جدًا.
اختبار سير العمل
اختر ألوان المقدمة والخلفية من نظام التصميم الخاص بك. تشغيلها من خلال مدقق التباين. لاحظ عتبات النص العادية مقابل الكبيرة.
اختبر حالات التمرير والتركيز والتعطيل، وليس فقط الأزرار والروابط الافتراضية.