قالب:نسبة تباين الألوان/شرح

من أرابيكا، الموسوعة الحرة
اذهب إلى التنقل اذهب إلى البحث

يُرجع هذا القالب نسبة تباين الألوان بين اللونين المقدمين. وهو يقبل معلمتين، يمكن أن تكونا رمز ألوان قياسي RGB (#RRGGBB) أو معيار لون HTML أو CSS "برتقالي" (= #FFA500). أسماء الألوان والأحرف السداسية غير حساسة لحالة الأحرف (أي قد تكون بأحرف كبيرة أو صغيرة).

الاستعمال

Examples with light background

لون
النص
لون
الخلفية
نموذج الكود نسبة
التباين
إرشادات إتاحة محتوى الويب
conf.
#000000 #FFFFFF   Sample   {{نسبة تباين الألوان|#000000|#FFFFFF}} 21 AAA
#000080 #DDDDDD   Sample   {{نسبة تباين الألوان|#000080|#DDDDDD}} 11.787 AAA
#7B0000 #FF9900   Sample   {{نسبة تباين الألوان|#7B0000|#FF9900}} 5.324 AA
#004800 #AAAAAA   Sample   {{نسبة تباين الألوان|#004800|#AAAAAA}} 4.691 AA
red white   Sample   {{نسبة تباين الألوان|red|white}} 3.998 لا
#FF0000 #FF9999   Sample   {{نسبة تباين الألوان|#FF0000|#FF9999}} 1.955 لا

Examples with dark background

لون
النص
لون
الخلفية
نموذج الكود نسبة
التباين
إرشادات إتاحة محتوى الويب
conf.
#BADFEE black   Sample   {{نسبة تباين الألوان|#BaDFeE|BlAcK}} 14.878 AAA
red black   Sample   {{نسبة تباين الألوان|red|black}} 5.252 AA
#FFFF00 #00FFFF   Sample   {{نسبة تباين الألوان|#FFFF00|#00FFFF}} 1.168 لا

WCAG 2.0

كدليل لاختيار ألوان المقدمة والخلفية للنص، تصنف إرشادات الوصول إلى محتوى الويب 2.0 (المبدأ التوجيهي 1.4) نسب التباين للنص العادي على النحو التالي:

WCAG 2.0 نسب تباين النص
حجم الخط غير متوافق المستوى AA المستوى AAA
عادي < 4.5 4.5 إلى 7.0 > 7.0
كبير (18 pt أو 14 pt bold) < 3.0 3.0 إلى 4.5 > 4.5

يتم عرض نص ويكي العادي بواسطة المتصفحات الشائعة بمعدل تقريبي 9.5 إلى 10.5 pt (12.5 إلى 14 px), اعتمادا على الجلد. يجب أن يكون النص غامقًا بنسبة 180% أو 140% تقريبًا حتى يصبح "كبيرًا" لأغراض WCAG.

انظر أيضًا