Этот шаблон используется примерно на 135 000 страниц . Во избежание серьезных сбоев и нагрузки на сервер любые изменения следует тестировать на подстраницах /sandbox или /testcases шаблона или на собственной пользовательской подстранице . Протестированные изменения могут быть добавлены на эту страницу одним редактированием. Рассмотрите возможность обсуждения изменений на странице обсуждения, прежде чем внедрять их. |
Этот шаблон использует Lua : |
Этот шаблон определяет пару цветов с большей контрастностью: цвет1/цвет2 или цвет1/цвет3. Это полезно для выбора пары цветов переднего и заднего плана. Для обеспечения доступности в рекомендациях WCAG 2.0 AA требуется коэффициент контрастности 3 или выше для крупного текста и 4,5 или выше для текста нормального размера.
В режиме по умолчанию цвет2 и цвет3 — белый и черный, а выбранная цветовая пара всегда будет иметь коэффициент контрастности выше 4,58.
Ввод цвета может быть по названию ("хаки") или гекстриплету с/без префикса # ("#F0E68C", "F0E68C")
|1=
(обязательно): цвет фона|2=
первый цвет шрифта. Необязательно, по умолчанию = белый (#FFFFFF)|3=
второй цвет шрифта. Необязательно, по умолчанию = черный (#000000)|css=y
заставляет шаблон возвращать готовый к CSS текст:{{Greater color contrast ratio|khaki|white|black|css=y}}
<span style="font-size:110%; {{Greater color contrast ratio|khaki|white|black|css=y}}">Example text on khaki background.</span>
<span style="font-size:110%; background-color:khaki; color:black;">Example text on khaki background.</span>
<span style="font-size:110%; {{Greater color contrast ratio|#4169E1|#ffffff|#000000|css=y}}">Example text on #4169E1 background.</span>
<span style="font-size:110%; background-color:#4169E1; color:#ffffff;">Example text on #4169E1 background.</span>
|bias=number
: уменьшает контрастность. Смещение 1,25 уменьшает возможный минимум до 4,0, что может не соответствовать стандартам доступности.<span style="background:navy; color:{{Greater color contrast ratio|navy|white|black}}">Navy</span>
→ Военно- морской флот<span style="{{Greater color contrast ratio|navy|white|black|css=y}}">Navy</span>
→ Военно- морской флот<span style="{{Greater color contrast ratio|navy|css=y}}">Navy</span>
→ Военно- морской флот<span style="background:red; color:{{Greater color contrast ratio|red|white|black}}">Red</span>
→ Красный<span style="{{Greater color contrast ratio|red|white|black|css=y}}">Red</span>
→ Красный<span style="{{Greater color contrast ratio|red|css=y}}">Red</span>
→ Красный<span style="background:white; color:{{Greater color contrast ratio|white|white|black}}">White</span>
→ Белый<span style="{{Greater color contrast ratio|white|white|black|css=y}}">White</span>
→ Белый<span style="background:black; color:{{Greater color contrast ratio|black|white|black}}">Black</span>
→ Черный<span style="{{Greater color contrast ratio|black|white|black|css=y}}">Black</span>
→ Черный<span style="background:#005500; color:{{Greater color contrast ratio|#005500|#FFFFFF|#000000}}">#005500</span>
→ #005500<span style="{{Greater color contrast ratio|#005500|#FFFFFF|#000000|css=y}}">#005500</span>
→ #005500<span style="background:#005500; color:#{{Greater color contrast ratio|005500|FFFFFF|000000}}">005500</span>
→ 005500<span style="{{Greater color contrast ratio|005500|FFFFFF|000000}}">005500</span>
→ 005500<span style="background:#CC5500; color:#{{Greater color contrast ratio|CC5500|FFFFFF|000000}}">CC5500</span>
→ CC5500<span style="{{Greater color contrast ratio|CC5500|FFFFFF|000000|css=y}}">CC5500</span>
→ CC5500|bias=1
<span style="background:#CC5500; color:#{{Greater color contrast ratio|CC5500|FFFFFF|000000|bias=1}}">CC5500</span>
→ CC5500<span style="{{Greater color contrast ratio|CC5500|FFFFFF|000000|bias=1|css=y}}">CC5500</span>
→ CC5500<span style="background:Not a color; color:#{{Greater color contrast ratio|Not a color|FFFFFF|000000}}">Not a color</span>
→ Не цвет<span style="{{Greater color contrast ratio|Not a color|FFFFFF|000000|css=y}}">Not a color</span>
→ Не цветbackground-color:Not a color; color:;
, поэтому цвет не задан; по умолчанию используется черный на белом.)<span style="{{Greater color contrast ratio|Navy|Not a color|000000|css=y}}">Not a color</span>
→ Не цветbackground-color:Navy; color:;
, поэтому цвет шрифта не задан; по умолчанию черный. Шаблон не работал.)