فاحص تباين الألوان
فحص نسب تباين الألوان وفقاً لإرشادات إمكانية الوصول WCAG 2.1. يختبر توافق AA و AAA للنص العادي والكبير.
المعلمات
لون النص أو العنصر.
لون الخلفية للمقارنة.
النتائج
نسبة التباين بين اللونين
نتائج أخرى (6)
النص العادي (أقل من 18 نقطة أو 14 نقطة غامق) يلبي متطلبات WCAG AA
نص كبير (18pt+ أو 14pt+ غامق) يلبي متطلبات WCAG AA
يلبي النص العادي متطلبات WCAG AAA الأكثر صرامة
يلبي النص الكبير متطلبات WCAG AAA الأكثر صرامة
Relative luminance of #000000
Relative luminance of #FFFFFF
لماذا تختار فاحص تباين الألوان
يقوم مدقق تباين الألوان باختبار نسبة التباين بين لون المقدمة والخلفية وفقًا لإرشادات WCAG 2.1. تعرف على الفور على ما إذا كانت مجموعة الألوان الخاصة بك تجتاز توافق AA وAAA لكل من النص العادي والكبير.
- ✓يتم حساب نسبة التباين باستخدام صيغة النصوع النسبي WCAG 2.1
- ✓يختبر جميع مستويات الامتثال الأربعة لـ WCAG: AA/AAA للنص العادي والكبير
- ✓يعرض قيم النصوع النسبية لكلا اللونين
- ✓يستخدم مدخلات منتقي الألوان لاختيار الألوان بسهولة
خطوات الاستخدام
- 1اختر لون المقدمة (النص) باستخدام منتقي الألوان
- 2اختر لون الخلفية باستخدام منتقي الألوان
- 3عرض نسبة التباين المعروضة على الفور
- 4تحقق من نتائج النجاح/الفشل WCAG AA وAAA للنص العادي والكبير
- 5اضبط الألوان حتى تتجاوز مجموعتك المستوى المطلوب
الأسئلة الشائعة (FAQ)
ما هي نسبة التباين الجيدة للوصول إلى الويب؟
يتطلب WCAG 2.1 نسبة تباين لا تقل عن 4.5:1 للنص العادي (مستوى AA) و3:1 للنص الكبير. للتوافق مع AAA، يحتاج النص العادي إلى 7:1 ويحتاج النص الكبير إلى 4.5:1. الأسود على الأبيض (21:1) هو أقصى تباين ممكن.
ما الذي يعتبر "نصًا كبيرًا" في WCAG؟
يحدد WCAG النص الكبير بحجم 18 نقطة (24 بكسل) أو 14 نقطة (18.66 بكسل) على الأقل. يتطلب النص الكبير متطلبات تباين أقل لأنه من الأسهل قراءته بنسب تباين أقل.
كيف يتم حساب نسبة التباين؟
The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.
هل تتحقق هذه الأداة من إمكانية الوصول إلى عمى الألوان؟
تتحقق هذه الأداة من التباين القائم على النصوع والذي يفيد جميع المستخدمين بما في ذلك أولئك الذين يعانون من قصور في رؤية الألوان. ومع ذلك، فهو لا يحاكي أنواعًا معينة من عمى الألوان. لاختبار عمى الألوان، استخدم جهاز محاكاة مخصص لعمى الألوان.
ما هو الحد الأدنى لنسبة التباين المطلوبة بموجب القانون؟
تشير العديد من لوائح إمكانية الوصول (ADA، القسم 508، EN 301 549) إلى WCAG 2.1 Level AA كمعيار، والذي يتطلب 4.5:1 للنص العادي. المواقع الحكومية والتعليمية في العديد من البلدان ملزمة قانونًا بالوفاء بهذا المستوى.
مراجع ومصادر موثوقة
WCAG 2.1 Understanding Contrast (Minimum)
عرض المصدرRelative Luminance - WCAG Definition
عرض المصدرWebAIM Contrast Checker
عرض المصدرأدوات ذات صلة
استكشف المزيد من الأدوات العملية لنفس الاستخدام.