TL
Tool Lab
💰Donate
💰Donate

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

تحقق من نسبة تباين الألوان وفق إرشادات إمكانية الوصول WCAG 2.1. نتائج AA/AAA فورية.

لون المقدمة
لون الخلفية

معاينة النص الكبير (18pt عريض)

معاينة النص العادي — The quick brown fox jumps over the lazy dog.

14.05:1نسبة التباين
AA — نص عادي (≥ 4.5:1)ناجح
AA — نص كبير (≥ 3:1)ناجح
AAA — نص عادي (≥ 7:1)ناجح
AAA — نص كبير (≥ 4.5:1)ناجح

حول هذه الأداة

يحسب فاحص تباين الألوان نسبة التباين بين لون المقدمة (النص) ولون الخلفية باستخدام صيغة الإضاءة النسبية WCAG 2.1.

يُعرِّف WCAG 2.1 مستويين: AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير. AAA يتطلب 7:1 و4.5:1.

كيفية الاستخدام

  1. اختر لون المقدمة والخلفية باستخدام منتقيات الألوان أو أدخل رموز hex.
  2. تُظهر المعاينة كيف يبدو النص بالأحجام العادية والكبيرة.
  3. تتحدث نسبة التباين ونتائج WCAG فورياً.
  4. استخدم الأزواج النموذجية لاستكشاف أنماط إمكانية الوصول الشائعة.

حالات الاستخدام

يتحقق مصممو واجهة المستخدم من أن ملصقات الأزرار والنص يستوفي معايير WCAG.

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

  • ما الذي يُحتسب "نصاً كبيراً"؟يُعرِّف WCAG النص الكبير بأنه على الأقل 18pt (24px) عادي، أو 14pt (~18.67px) عريض.
  • هل يدعم الشفافية أو rgba؟لا، يعمل هذا الأداة فقط مع ألوان hex الصلبة.
  • أي مستوى WCAG يجب استهدافه؟AA هو الحد الأدنى الموصى به لمعظم المواقع العامة.
  • هل 4.5:1 كافٍ دائماً؟4.5:1 يُرضي WCAG AA، لكن المستخدمين ذوي الإعاقات البصرية الشديدة قد يستفيدون من نسب أعلى.