لون النص
لون الخلفية
التباين
8.42
- نجح
نص صغير
WCAG AA
- نجح
نص كبير
WCAG AA
- نجح
نص صغير
WCAG AAA
- نجح
نص كبير
WCAG AAA
محاكاة عمى الألوان
معلومات:
النص الصغير: أقل من 18pt. النص الكبير: 18pt+ أو عريض 14pt+.
خلفية فاتحة
اقتباس رقم 26
Georg Christoph Lichtenberg
خلفية داكنة
اقتباس رقم 26
Georg Christoph Lichtenberg
نص صغير
نص كبير
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
تاريخ نسبة التباين
فهم معايير WCAG وإمكانية الوصول
معايير WCAG
تم تطوير إرشادات إمكانية الوصول لمحتوى الويب (WCAG) من قبل اتحاد شبكة الويب العالمية (W3C) لجعل محتوى الويب أكثر إمكانية للوصول للأشخاص ذوي الإعاقة. تم تقديم متطلبات نسبة التباين لضمان أن النص قابل للقراءة للمستخدمين ذوي الإعاقات البصرية.
التطوير
تم نشر WCAG 1.0 في عام 1999، مما أنشأ متطلبات نسبة التباين الأولى. WCAG 2.0 (2008) صقل هذه المعايير بصيغ أكثر دقة. WCAG 2.1 (2018) أضاف معايير نجاح إضافية. تم تطوير صيغة نسبة التباين الحالية بناءً على البحث في الإدراك البصري البشري وعلم الألوان.
لماذا يهم
نسب التباين المناسبة تضمن أن النص قابل للقراءة للجميع، بما في ذلك المستخدمين المصابين بعمى الألوان أو ضعف البصر أو أولئك الذين يشاهدون المحتوى في ضوء الشمس الساطع. هذا يجعل الويب أكثر شمولية وإمكانية للوصول لملايين المستخدمين في جميع أنحاء العالم.
الصيغة
يتم حساب نسبة التباين باستخدام السطوع النسبي للألوان. يتراوح من 1:1 (لا تباين) إلى 21:1 (التباين الأقصى، مثل الأسود على الأبيض). WCAG AA يتطلب 4.5:1 للنص العادي و 3:1 للنص الكبير. WCAG AAA يتطلب 7:1 للنص العادي و 4.5:1 للنص الكبير.