فاحص التباين

أدخل لوني النص والخلفية لمعرفة نسبة تباين WCAG ومستويات AA وAAA المستوفاة.

نسبة التباين
نص عاديAA4.5:1
نص عاديAAA7:1
نص كبيرAA3:1
نص كبيرAAA4.5:1
واجهة المستخدم والرسومات3:1
أدخل النص ولون الخلفية للتحقق.

يتم تشغيل كل فحص في متصفحك. لا يتم تحميل أي شيء تدخله على BroBroGo.

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

ماذا تعني النتائج AA و AAA؟

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

ما الذي يعتبر نصًا كبيرًا؟

نص بحجم 18 نقطة (حوالي 24px)، أو 14 نقطة (حوالي 18.5px) عندما يكون غامقًا. يظل النص الأكبر حجمًا واضحًا عند التباين الأقل، لذا فهو مستوفٍ AA عند 3:1 وAAA عند 4.5:1 بدلاً من حدود النص العادي الأكثر صرامة.

ما هي تنسيقات الألوان التي يمكنني إدخالها؟

اكتب قيمة hex مثل #1a1a1a، أو قيمة rgb() مثل rgb(26, 26, 26)، أو قيمة hsl() — أو انقر على أي من عينتي اللون لاختيار لون. استخدم زر التبديل لعكس لوني النص والخلفية.

هل هذه WCAG 2 أم الطريقة APCA الأحدث؟

تستخدم الأداة صيغة WCAG 2.1 و2.2، وهي الصيغة المعتمدة حاليًا في قواعد الوصول وعمليات التدقيق. أما APCA فهي طريقة أحدث تراعي الإدراك البصري بدرجة أكبر، ولا تزال قيد الإعداد ضمن WCAG 3. وهي واعدة، لكنها ليست معيار امتثال بعد، لذلك لا تعتمد نتائج الاستيفاء هنا عليها.