أداة مجانية
فاحص تباين الألوان
تحقق من نسب التباين بين ألوان المقدمة والخلفية. شاهد توافق WCAG 2.1 AA و AAA للنص العادي والكبير على الفور.
فاحص تباين الألوان
الثعلب البني السريع
نص عادي
Contrast ratio: 14.10:1
نسبة التباين
14.10:1
WCAG AA
نص عادي
WCAG AAA
نص عادي
WCAG AA Large
نص كبير
WCAG AAA Large
نص كبير
لماذا تتسم نسبة التباين بالأهمية
يضمن التباين اللوني الكافي أن يظل النص قابلاً للقراءة للمستخدمين ذوي الرؤية المنخفضة أو عمى الألوان. تتطلب WCAG 2.1 المستوى AA (المعيار المطلوب بموجب معظم قوانين إمكانية الوصول) نسبة 4.5:1 للنص العادي و 3:1 للنص الكبير (18px+ أو 14px+ غامق).
كيفية الاستخدام
- اختر لون النص باستخدام منتقي الألوان أو أدخل قيمة سادسة عشرية.
- اختر لون الخلفية بنفس الطريقة.
- اقرأ نسبة التباين وشارات نجاح/فشل WCAG على الفور.
- استخدم الإعدادات المسبقة للرجوع السريع إلى أزواج.
- انقر فوق نسخ CSS للحصول على زوج الألوان كخصائص CSS.
تحدث جميع الحسابات في المتصفح الخاص بك — لا يتم إرسال بيانات اللون إلى أي خادم.
الأسئلة الشائعة
- ما الفرق بين WCAG AA و AAA؟
- يتطلب WCAG AA نسبة 4.5:1 للنص العادي و 3:1 للنص الكبير. AAA (المستوى المحسّن) يتطلب 7:1 و 4.5:1. تشير معظم معايير إمكانية الوصول والمتطلبات القانونية إلى AA.
- ما الذي يُعتبر نصًا كبيرًا؟
- تعرّف WCAG النص الكبير بأنه 18pt (24px) أو أكبر، أو 14pt (تقريبًا 18.67px) غامق أو أكبر.