مدقق تباين الألوان WCAG مجانًا: اختبار ألوان النص والخلفية للتوافق مع AA وAAA في متصفحك. أدخل القيم السداسية أو rgb، وشاهد نسبة التباين والنجاح/الفشل على الفور. لا تسجيل الدخول، لا تحميل.
فهو يحسب نسبة التباين WCAG 2.x بين اللون الأمامي (النص) ولون الخلفية باستخدام النصوع النسبي sRGB. يمكنك الحصول على نسبة رقمية (على سبيل المثال 4.52:1) بالإضافة إلى النجاح/الفشل لحدود WCAG AA وAAA على النص العادي والنص الكبير. إنه عبارة عن مساعد لضمان الجودة في التصميم، وليس تدقيقًا آليًا كاملاً لإمكانية الوصول إلى موقعك بالكامل.
سداسي عشري (#RGB، #RRGGBB، #RRGGBBAA)، rgb ()، وrgba (). الصق قيم لوحة العلامة التجارية من رموز Figma، أو متغيرات CSS، أو مستندات التصميم. يتم توسيع الشكل السداسي القصير مثل #ffff إلى #ffffff قبل حساب النصوع.
AA هو خط الأساس القانوني والمنتج المشترك: 4.5:1 للنص العادي، 3:1 للنص الكبير. AAA أكثر صرامة: 7:1 عادي، 4.5:1 كبير. تستهدف العديد من مواقع التسويق AA للنسخ الأساسي وAAA فقط للعناوين الرئيسية أو واجهة المستخدم عالية المخاطر. تعرض هذه الأداة كلا الأمرين حتى تتمكن من اختيار هدف يمكن الدفاع عنه بتصميمه.
يبلغ حجم النص الكبير 18 نقطة (24 CSS px) على الأقل من الوزن العادي، أو 14 نقطة غامقة على الأقل (حوالي 18.66 CSS px). غالبًا ما تفشل الأزرار والتعليقات التوضيحية والمطبوعات الدقيقة في AA حتى عندما تمر العناوين - تحقق من كل حجم تقوم بشحنه، وليس فقط عينة H1.
لا، يتم تشغيل عمليات التحليل والإضاءة الرياضية بالكامل في متصفحك. تظل تجارب اللوحة التي لم يتم إصدارها وألوان NDA الخاصة بالعميل على جهازك. امسح الحقول على الأجهزة المشتركة عند الانتهاء.
يتم تحليل قيم rgba و#RRGGBBAA، لكن يتم تقييم التباين على قنوات sRGB غير شفافة - لا يقوم المدقق بفحص نص مركب ألفا على خلفيات فوتوغرافية. بالنسبة للنص الموجود على الصور، قم بتجربة اللون الفعال خلف النسخة أو استخدم تراكبًا ثابتًا أولاً، ثم أعد التحقق.
نعم. مجاني بدون تسجيل الدخول للنسبة الأساسية ومسار النجاح/الفشل.