انتقل إلى المحتوى
Monu Tools

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

افحص نسبة التباين بين لونين مقابل مستويي إتاحة WCAG عند AA وAAA.

كيفية استخدام فاحص التباين

  1. 01

    اختر لون النص ولون الخلفية.

  2. 02

    اقرأ نسبة التباين وشارات النجاح أو الفشل وفق WCAG.

  3. 03

    اضبط الألوان حتى تجتاز المستوى الذي تحتاجه.

ما يفعله مدقق التباين

هذا هو مدقق تباين الألوان WCAG الذي يُظهر نسبة التباين الدقيقة بين لون النص ولون الخلفية، وما إذا كان يلبي مستويات إمكانية الوصول AA وAAA. اختر الألوان باستخدام العينة أو بالرمز السداسي وشاهد معاينة مباشرة.

اضبط اللونين حتى تتجاوز الشارات المستوى الذي تحتاجه، ويتم تحديث النتيجة فورًا مع تقدمك.

لماذا يهم التباين؟

من الصعب أو المستحيل قراءة النص الذي يكون قريبًا جدًا من الإضاءة لخلفيته، خاصة للأشخاص الذين يعانون من ضعف الرؤية أو قصور في رؤية الألوان، أو لأي شخص يستخدم هاتفًا في ضوء الشمس الساطع. التباين الكافي يجعل المحتوى الخاص بك مقروءًا للجميع.

عتبات WCAG AA وAAA

تحدد إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) المعيار. AA، وهو المستوى الذي تهدف إليه معظم المواقع والذي تشير إليه العديد من قوانين إمكانية الوصول، يتطلب نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. AAA أكثر صرامة عند 7:1 و4.5:1.

يحصل النص الكبير على حد أدنى لأن الحروف الأكبر حجمًا تظل مقروءة بتباين أقل. يتم احتسابه بحجم كبير يبلغ حوالي 24 بكسل (18 نقطة) أو 18.66 بكسل (14 نقطة) عندما يكون غامقًا.

كيف يتم حساب النسبة

تأتي النسبة من السطوع النسبي للونين باستخدام صيغة WCAG الرسمية، مما ينتج قيمة تتراوح من 1:1 (بدون تباين، ألوان متطابقة) حتى 21:1 (أسود على أبيض).

يعمل في المتصفح الخاص بك

يتم حساب كل شيء في متصفحك، لذا فهو فوري وخاص. لا يتم تحميل أي شيء تختاره في أي مكان.

الأسئلة الشائعة

ما نسبة التباين التي أحتاجها؟

يتطلب WCAG عند AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير (18pt أو 14pt عريض). ويتطلب AAA نسبة 7:1 و4.5:1 على التوالي.

ما الذي يُعدّ نصًا كبيرًا؟

النص الذي حجمه 24px (18pt) على الأقل، أو 18.66px (14pt) عندما يكون عريضًا. يُسمح للنص الكبير بنسبة تباين أقل.

كيف تُحسب النسبة؟

من الإضاءة النسبية لكل لون باستخدام معادلة WCAG الرسمية، فتعطي قيمة من 1:1 (بلا تباين) إلى 21:1 (أسود على أبيض).

المصادر

الإبلاغ عن مشكلة