🌓فاحص تباين الألوان

ما هي نسبة التباين

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

• آلية الحساب：يتم حساب نسبة التباين بتحويل اللونين إلى السطوع النسبي sRGB، ثم قسمة السطوع الأفتح على السطوع الأغمق بعد إضافة 0.05 إلى كل منهما.
• مرجع القيم：على خلفية بيضاء (#FFFFFF)، الرمادي #777777 له نسبة تباين 4.47 : 1، و #999999 له 2.84 : 1، والأسود (#000000) له 21 : 1.

الفرق بين AA و AAA في WCAG

WCAG هي إرشادات دولية لإمكانية الوصول إلى محتوى الويب وتحدد معايير نسبة التباين على مستويين: AA و AAA.

• AA (المستوى القياسي)：يتطلب معيار AA نسبة تباين 4.5 : 1 أو أكثر للنص العادي و 3.0 : 1 أو أكثر للنص الكبير، وهو المستوى الذي تستهدفه مواقع الويب العامة.
• AAA (المستوى الأكثر صرامة)：يتطلب معيار AAA نسبة تباين 7 : 1 أو أكثر للنص العادي و 4.5 : 1 أو أكثر للنص الكبير، وهو موجه للأشخاص ضعاف البصر.

تعريف النص الكبير

يعرّف WCAG النص الكبير بأنه نص بحجم 18 نقطة (24px) فأكثر، أو نص غامق بحجم 14 نقطة (حوالي 18.7px) فأكثر.

• النص العادي：النص العادي هو أي نص لا ينطبق عليه تعريف النص الكبير، مثل النصوص الأساسية والحواشي، ويتطلب نسبة تباين 4.5 : 1 أو أكثر.
• العلاقة مع العناوين：العناوين بأقل من 24px والتي ليست غامقة تُعامل كنص عادي، لذا يجب التحقق من الحجم والسمك معاً.