تخطي إلى المحتوى

مدقق إمكانية الوصول للألوان — تباين WCAG ومحاكاة عمى الألوان

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

تحقق من أزواج الألوان لمطابقة تباين WCAG وقابلية التمييز لدى المصابين بعمى الألوان

اختر لونين للتحقق من نسبة التباين ورؤية عمى الألوان.
اللون الأمامي
لون الخلفية
نص كبير (+18pt)
معاينة العنوان
نص عادي (16px)
نص تجريبي لمعاينة مدى وضوح الألوان المختارة في القراءة.
معاينة النص الأساسي — هكذا سيرى المستخدمون هذا المزيج اللوني في المحتوى الفعلي.
تباين WCAG 2.1
AA يتطلب 4.5:1 للنص العادي، 3:1 للكبير. AAA يتطلب 7:1 / 4.5:1.
12.63:1
AA عادي ناجح
AA كبير ناجح
AAA عادي ناجح
AAA كبير ناجح
محاكاة عمى الألوان
كيف يرى الأشخاص ذوو أنواع مختلفة من قصور رؤية الألوان زوج ألوانك.
بدائل مقترحة
بدائل ألوان يمكن الوصول إليها تجتاز WCAG AA وقابلة للتمييز في جميع أنواع CVD.
فحص لوحة الألوان بالجملة
الصق 3–10 ألوان HEX (واحد لكل سطر أو مفصولة بفواصل) لفحص جميع الأزواج.
100% في المتصفح. لا تغادر أي بيانات جهازك.

كيفية الاستخدام

  1. اختر أو أدخل ألوان المقدمة والخلفية باستخدام منتقي الألوان أو إدخال HEX/RGB.
  2. شاهد معاينة النص المباشرة وتحقق من نتائج مطابقة WCAG AA/AAA.
  3. راجع شريط محاكاة عمى الألوان لمعرفة كيف يرى كل نوع CVD ألوانك.
  4. إذا فشل أي فحص، انقر على بديل مقترح لإصلاح زوج الألوان فورًا.
  5. استخدم وضع لوحة الألوان لفحص جميع التوليفات من لوحة نظام التصميم.

المميزات

نسبة تباين WCAG 2.1 مع شارات AA/AAA ناجح/راسب محاكاة عمى الألوان لـ 4 أنواع CVD (عمى الأحمر، عمى الأخضر، عمى الأزرق، انعدام رؤية الألوان) اقتراح تلقائي لبدائل ألوان يمكن الوصول إليها عند فشل الفحص وضع لوحة الألوان: فحص جميع الأزواج من 3–10 ألوان دفعة واحدة

الأسئلة الشائعة

ما هي نسبة تباين WCAG؟

تحدد إرشادات إمكانية الوصول لمحتوى الويب (WCAG) الحد الأدنى لنسب التباين بين النص وألوان الخلفية. مستوى AA يتطلب 4.5:1 للنص العادي و3:1 للنص الكبير (+18pt). مستوى AAA يتطلب 7:1 للعادي و4.5:1 للكبير. كلما ارتفعت النسبة تحسنت القراءة.

ما هو عمى الألوان (CVD)؟

يؤثر قصور رؤية الألوان (CVD) على حوالي 8% من الذكور و0.5% من الإناث حول العالم. أكثر الأنواع شيوعًا هي عمى الأحمر وعمى الأخضر. تحاكي هذه الأداة كيف تبدو أزواج ألوانك للأشخاص المصابين بكل نوع.

كيف تعمل ميزة الاقتراح التلقائي؟

عندما يفشل زوج الألوان في فحوصات WCAG أو CVD، تبحث الأداة عن ألوان قريبة تجتاز جميع المعايير. تعدل السطوع مع الحفاظ على درجة اللون، لتبقى الألوان المقترحة متسقة مع تصميمك وقابلة للوصول.

هل بياناتي آمنة؟

نعم، 100%. جميع حسابات الألوان تتم مباشرة في متصفحك باستخدام JavaScript. لا يتم إرسال أي ألوان أو لوحات أو بيانات إلى أي خادم. يمكنك حتى استخدام الأداة بدون اتصال بعد التحميل الأول.

ما هو Delta E ولماذا هو مهم؟

Delta E (CIE2000) يقيس الفرق المدرك بين لونين. Delta E أقل من 1 يعني أن اللونين متطابقان تقريبًا للعين البشرية. لإمكانية الوصول، نوصي بحد أدنى Delta E يبلغ 10 بين المقدمة والخلفية في جميع محاكاات CVD لضمان قابلية التمييز.

كيف تقيّم هذه الأداة؟

شكراً لتقييمك!
هل تريد مشاركة المزيد؟ اترك تعليقاً!
شكراً! سيظهر تعليقك بعد المراجعة.
تاريخ النشر آخر تحديث
جارٍ تحميل محرك الصوت…
تم! تم حفظ الملف على جهازك.
نعم