فاحص تباين الألوان
تحقّق مما إذا كان مزيج ألوانك يستوفي معايير الوصول WCAG.
حول فاحص تباين الألوان
يقيس مدقق تباين الألوان من GuruAlpha نسبة التباين بين ألوان المقدمة والخلفية وفقًا لمعايير WCAG (إرشادات إمكانية الوصول إلى محتوى الويب). أدخل أي لونين وستحسب الأداة نسبة التباين بينهما، لتخبرك ما إذا كان المزيج يلبي معايير الوصول AA أو AAA للنص العادي والكبير.
إمكانية الوصول إلى الويب واجب أخلاقي ومتطلب قانوني في آنٍ واحد. تحدد إرشادات WCAG 2.1 الحد الأدنى لنسب التباين لضمان أن يكون النص قابلًا للقراءة من قبل الأشخاص ذوي الإعاقات البصرية، بما في ذلك عمى الألوان وضعف البصر وتراجع الرؤية المرتبط بالعمر. يجعل مدقق التباين الامتثال سهلًا من خلال توفير ملاحظات فورية حول اختياراتك اللونية.
تحسب الأداة نسب التباين باستخدام صيغة اللمعان النسبي المحددة في WCAG 2.1. تعني نسبة 1:1 عدم وجود تباين (اللون نفسه). ونسبة 21:1 هي أقصى تباين (أسود على أبيض). متطلبات WCAG هي: النص العادي AA يتطلب 4.5:1، والنص الكبير AA يتطلب 3:1، والنص العادي AAA يتطلب 7:1، والنص الكبير AAA يتطلب 4.5:1. تُظهر الأداة بوضوح ما إذا كان مزيج ألوانك يلبي كل حد.
تُظهر المعاينة المرئية لون النص على لون الخلفية، مما يمنحك رؤية واقعية للقراءة. تتضمن المعاينة عينات نصية عادية (16px) وكبيرة (24px+)، لأن الأحجام المختلفة لها متطلبات WCAG مختلفة. تتحدث مؤشرات النجاح/الفشل في الوقت الفعلي أثناء ضبط الألوان.
بالنسبة لمطوري الويب والمصممين، يُعد مدقق التباين ضروريًا لضمان أن تكون المواقع قابلة للوصول لجميع المستخدمين. إنه يندمج بشكل طبيعي في سير عمل التصميم — اختر الألوان، وتحقق من التباين، واضبط إذا لزم الأمر، وامضِ قدمًا بثقة أن نصك قابل للقراءة.
أبرز ميزات فاحص تباين الألوان
- حساب نسبة التباين بين أي لونين
- فحص الامتثال لـ WCAG AA وAAA
- عتبات النص العادي (4.5:1) والنص الكبير (3:1)
- معاينة مباشرة للنص على الخلفية
- تعديلات لونية مقترحة لتلبية المعايير
- دعم إدخال HEX وRGB وHSL
- يعمل على جميع الأجهزة
- لا حاجة للتسجيل
كيفية استخدام فاحص تباين الألوان
- افتح مدقق التباين على GuruAlpha.
- أدخل أو اختر لون المقدمة (النص).
- أدخل أو اختر لون الخلفية.
- اعرض نسبة التباين وحالة الامتثال لـ WCAG.
- تحقق من متطلبات النص العادي والكبير معًا.
- اضبط الألوان إذا فشل المزيج.
- استخدم التعديلات المقترحة لتلبية AA أو AAA.
نصائح لاستخدام فاحص تباين الألوان
- امتثال AA (4.5:1) هو الحد الأدنى للمواقع العامة.
- امتثال AAA (7:1) مفضل لأقصى إمكانية وصول.
- للنص الكبير (18px عريض أو 24px عادي) متطلبات تباين أقل.
- لا تعتمد على اللون وحده لنقل المعلومات — أضف تسميات نصية أو أنماطًا.
- اختبر باستخدام محاكيات عمى الألوان للتحقق الإضافي من إمكانية الوصول.
الأسئلة الشائعة حول فاحص تباين الألوان
ما هو WCAG؟
WCAG (إرشادات إمكانية الوصول إلى محتوى الويب) هي المعيار الدولي لإمكانية الوصول إلى الويب. تحدد متطلبات جعل المحتوى قابلًا للوصول للأشخاص ذوي الإعاقة.
ما نسبة التباين التي أحتاجها؟
النص العادي AA: 4.5:1. النص الكبير AA: 3:1. النص العادي AAA: 7:1. النص الكبير AAA: 4.5:1. استهدف على الأقل امتثال AA.
ما الذي يُعتبر "نصًا كبيرًا"؟
18px (24pt) بوزن عادي أو 14px (18.66pt) بوزن عريض. للنص الكبير متطلبات تباين أقل لأن الأحرف الأكبر أسهل في القراءة.
هل يتحقق هذا من العناصر غير النصية؟
تركز الأداة على تباين النص. يتطلب WCAG أيضًا تباين 3:1 لمكونات واجهة المستخدم غير النصية، والتي يمكنك التحقق منها يدويًا باستخدام الأداة نفسها.
