مدقق تباين الألوان WCAG
قم بتقييم نسبة تباين النص وألوان الخلفية وفقًا لإرشادات WCAG 2.1. قم بإنشاء تعديلات ألوان يمكن الوصول إليها على الفور.
معاينة النص المباشر
عنوان كبير (18 نقطة غامق / 24 نقطة عادية)
هذا هو نظرة عامة على النمط الكبير للعنوان النص.
نص عادي (أقل من 18 نقطة)
لوريم إيبسوم دولور سيت أميت، consectetur adipiscing إيليت. سيد فيل ماسا لكتوس.
نسبة التباين
WCAG 2.1 حالة الامتثال
إرشادات WCAG 2.1
يمكنك التحقق بسهولة من معايير التباين لإنشاء واجهات يسهل الوصول إليها وتتوافق مع إرشادات القسم 508 وADA وWCAG AA أو AAA.
محرك الاقتراحات
تلقائيًا ، يتم تعديل الألوان بشكل متزايد على طول إحداثيات HSL للعثور على أقرب البدائل التي تلبي معايير نسبة التباين.
جانب العميل بالكامل
يتم تنفيذ الحسابات محليًا داخل سياق المتصفح الخاص بك. لا يتم نقل أي ألوان أو ملفات أو إحداثيات القياس عن بعد إلى خوادمنا.
أدوات الألوان ذات الصلة
مدقق تباين الألوان
احسب نسبة التباين WCAG للألوان الأمامية والخلفية وتظهر النتائج المشتركة في حجم النص.
- مدخل
- اثنين من الألوان CSS الحالية والنص الافتراضي.
- الإخراج
- نسبة التباين مع مؤشرات WCAG AA و AAA التي تمر أو تفشل.
- الحد الأقصى الحقيقي
- ويغطي الحساب تناقض الضوء فقط؛ فإنه لا يثبت واجهة أو حساب لترتيب الخط، والحركة، والتركيز، أو غير اللون.
- الخصوصية ومعالجة البيانات
- يتم معالجة اثنين من ألوان CSS الصحيحة والنص المسبق الاختياري في هذا علامة التبويب المتصفح.المحول لا يحصل عليه أو تخزينه؛ إغلاق أو تحميل الصفحة يطهر حالة العمل ما لم يقدم الأداة بشكل صريح تنزيل محلي.
كيفية استخدام هذا الأداة
- توفير اثنين من ألوان CSS الصحيحة والنص الافتراضي في التحكم الأداة.
- اختر الإعدادات التي تؤثر على نسبة التباين مع WCAG AA و AAA يمر أو يفشل المؤشرات، ثم تشغيل الأداة.
- تحقق من نسبة التباين مع WCAG AA و AAA يمر أو يفشل المؤشرات قبل نسخها أو تنزيلها.
طريقة الفشل المشتركة
لا يمكن قياس الألوان غير المحددة ، ويمكن أن تجعل الشفافية دون خلفية محددة نسبة بلا معنى.
مثال مفيد
مقارنة النص #1f2937 على #ffffff لمراجعة نسبة النص الطبيعي والكبير.