مدقق تباين الألوان 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 ونص معاينة اختياري في علامة تبويب المتصفح هذه. لا يتلقى Convertr ذلك أو يخزنه؛ إغلاق الصفحة أو إعادة تحميلها يمسح حالة العمل ما لم يقدم الأداة تنزيلًا محليًا صريحًا.
كيفية استخدام هذه الأداة
- توفير لونين صحيحين من CSS ونص معاينة اختياري في عناصر تحكم الأداة.
- اختر الإعدادات التي تؤثر على نسبة التباين مع مؤشرات اجتياز أو فشل WCAG AA و AAA، ثم شغّل الأداة.
- تحقق من نسبة التباين مع مؤشرات اجتياز أو فشل WCAG AA و AAA قبل نسخها أو تنزيلها.
أنماط الفشل الشائعة
لا يمكن قياس الألوان غير الصالحة، والشفافية بدون خلفية محددة يمكن أن تجعل النسبة بلا معنى.
مثال مفيد
مقارنة النص #1f2937 على #ffffff لمراجعة نسبة النص الطبيعي والكبير.