Шаблон:Контрасти ранг
 |
Этот шаблон реализован на основе Lua с использованием модуля Color contrast. |
Данный шаблон возвращает коэффициент цветового контраста между цветами. Он работает с двумя цветовыми представлениями, это может быть стандартный RGB hex color code (#RRGGBB) или стандартный HTML color с включением цвета orange из CSS (= #FFA500). Имена цветов не зависят от регистра (то есть они могут быть написаны как строчными, так и заглавными буквами).
Использование
Примеры со светлым фоном
| Цвет текста |
Цвет фона |
Пример | Код | Коэффициент контраста |
WCAG 2.0 утв. |
|---|---|---|---|---|---|
| #000000 | #FFFFFF | Пример | {{Цветовой контраст|#000000|#FFFFFF}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AAA |
| #000080 | #DDDDDD | Пример | {{Цветовой контраст|#000080|#DDDDDD}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AAA |
| #7B0000 | #FF9900 | Пример | {{Цветовой контраст|#7B0000|#FF9900}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AA |
| #004800 | #AAAAAA | Пример | {{Цветовой контраст|#004800|#AAAAAA}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AA |
| red | white | Пример | {{Цветовой контраст|red|white}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | Не |
| #FF0000 | #FF9999 | Пример | {{Цветовой контраст|#FF0000|#FF9999}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | Не |
Примеры с тёмным фоном
| Цвет текста |
Цвет фона |
Пример | Код | Коэффициент контраста |
WCAG 2.0 утв. |
|---|---|---|---|---|---|
| #BADFEE | black | Пример | {{Цветовой контраст|#BaDFeE|BlAcK}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AAA |
| red | black | Пример | {{Цветовой контраст|red|black}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | AA |
| #FFFF00 | #00FFFF | Пример | {{Цветовой контраст|#FFFF00|#00FFFF}} | Хатои ибора: Аломати нуқтагузории шинохтанашуда "[" | Не |
WCAG 2.0
Для выбора оптимального цветового контраста текста и фона используйте «Руководство по обеспечению доступности веб-контента (WCAG) 2.0», в котором изложено следующее:
| Размер шрифта | Не соответствует | Уровень AA | Уровень AAA |
|---|---|---|---|
| Обычный | < 4.5 | 4.5 to 7.0 | > 7.0 |
| Большой (18 pt или жирный 14 pt) | < 3.0 | 3.0 to 4.5 | > 4.5 |
Обычный вики-текст в большинстве браузеров имеет размер от 9.5pt до 10.5pt (от 12.5px до 14px), в зависимости от используемого скина. Для того, чтобы квалифицировать текст как «Большой», его размер должен быть 180 % от обычного, или жирным 140 % от обычного, согласно WCAG.