قالب:نسبة تباين الألوان
(بالتحويل من قالب:Color contrast ratio)
توثيق القالب[عرض] [عدّل] [تاريخ] [محو الاختزان] [استخدامات] | هذا القالب يستعمل لوا: |
يُرجع هذا القالب نسبة تباين الألوان بين اللونين المقدمين. وهو يقبل معلمتين، يمكن أن تكونا رمز ألوان قياسي 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) نسب التباين للنص العادي على النحو التالي:
| حجم الخط | غير متوافق | المستوى 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.