فاحص تباين الألوان WCAG
تحقق من أن تباين الألوان يلبي معايير إمكانية الوصول
نص عادي AA
نص عادي AAA
نص كبير AA
نص كبير AAA
معاينة حية
حول معايير تباين WCAG
مستوى AA
النص العادي: الحد الأدنى لنسبة التباين 4.5:1
النص الكبير (18pt+ أو 14pt+ عريض): الحد الأدنى لنسبة التباين 3:1
مستوى AAA
النص العادي: الحد الأدنى لنسبة التباين 7:1
النص الكبير (18pt+ أو 14pt+ عريض): الحد الأدنى لنسبة التباين 4.5:1
تعريف النص الكبير
النص الذي يبلغ حجمه 18pt (24px) أو أكبر، أو 14pt (18.66px) أو أكتر بخط عريض
كيفية استخدام فاحص تباين الألوان للتصميم المتاح
فهم تباين الألوان
يقيس تباين الألوان الفرق في السطوع بين ألوان المقدمة والخلفية. نسب التباين الأعلى تجعل النص أسهل في القراءة، خاصة للمستخدمين الذين يعانون من إعاقات بصرية أو deficiencies في رؤية الألوان. فاحص تباين الألوان الجيد يحسب هذه النسبة فوراً ويساعدك في إنشاء مجموعات ألوان متاحة.
من يحتاج الامتثال لـ WCAG؟
المواقع الحكومية، والمؤسسات التعليمية، ومقدمي الرعاية الصحية، والشركات التي تخدم الجمهور يجب أن تلتزم بمعايير WCAG. الامتثال لـ WCAG AA هو شرط قانوني في العديد من الدول، بينما يمثل AAA أعلى معايير إمكانية الوصول لتجارب المستخدم المتميزة.
اختبار ألوانك
استخدام فاحص تباين الألوان من ILovePalette بسيط: أدخل ألوان المقدمة (النص) والخلفية بصيغة HEX، أو اختر من الألوان الشائعة المحددة مسبقاً. الأداة تحسب نسبة التباين فوراً وتوضح مستويات WCAG التي تجتازها. اختبر كلا من أحجام النص العادية والكبيرة لأن لها متطلبات مختلفة.
مشاكل التباين الشائعة
المجموعات منخفضة التباين مثل النص الرمادي الفاتح على خلفيات بيضاء، أو النص الأحمر على خلفيات خضراء، تفشل في معايير WCAG. يجب على التصاميم الأنيقة أن تحافظ على القراءة. عند الاختبار، تأكد من أن المحتوى الأساسي والتنقل والعناصر التفاعلية تلبي جميع متطلبات التباين الدنيا.
فحص تباين الألوان هو جزء واحد فقط من التصميم المتاح. لا تعتمد على اللون وحده لنقل المعلومات—أضف أيقونات أو تسميات أو أنماط. فكر في المستخدمين بأنواع مختلفة من عمى الألوان. اختبر تصميمك مع مستخدمين فعليين يستخدمون تقنيات المساعدة لضمان إمكانية الوصول الشاملة.
أفضل الممارسات
ابدأ اختبار إمكانية الوصول مبكراً في عملية التصميم. استخدم فاحص تباين الألوان هذا للتحقق من اختيارات الألوان قبل البرمجة. قم بتوثيق مجموعات الألوان المعتمدة في نظام التصميم. أعد الاختبار بعد أي تغييرات في الألوان. تذكر: التصميم المتاح يفيد الجميع، ليس فقط المستخدمين ذوي الإعاقة.