OneKitTools logoOneKitTools

فاحص تباين WCAG

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

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

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

كيفية استخدام فاحص تباين WCAG

  1. 1أدخل أو اختر لون المقدمة (النص) ولون الخلفية.
  2. 2اعرض نسبة التباين ونتائج النجاح/الفشل لمستويي AA وAAA من WCAG.
  3. 3تحقق من معاينات النص الحية بأحجام مختلفة: نص عادي وعناوين كبيرة وشارات وأزرار وتعليقات.
  4. 4استخدم 'تبديل' لعكس المقدمة والخلفية، أو 'زوج عشوائي' للإلهام.
  5. 5انسخ متغيرات CSS لزوج الألوان المتوافق.

نصائح

  • WCAG AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير — AAA يتطلب 7:1 و4.5:1 على التوالي.
  • ترقية إلى Starter+ للحصول على اقتراح أقرب لون متوافق مع AA عندما يفشل زوجك.
  • اختبر ألوانك بأحجام الاستخدام الفعلية — زوج ينجح للعناوين قد يفشل لنص الجسم الصغير.

المجاني مقابل المدفوع

مجاني: فحص التباين والمعاينة. Starter+: اقتراحات إصلاح الألوان التلقائية والأزواج المتوافقة.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4