Шаблон:Greater color contrast ratio
Цей шаблон визначає пару кольорів із більшим контрастним співвідношенням: color1/color2 або color1/color3. Це уорисно при обранні пари кольорів переднього плану/тла. Для доступності, настанови WCAG 2.0 AA потребують контрастного співвідношення у 3 або більше для великого тексту, та 4.5 або більше для тексту нормального розміру. Коли використовується у стандартному режимі, з color2 та color3 відповідними білому та чорному, обрана пара кольорів завжди матиме контрастне співвідношення більшим за 4.58.
Приклади
[ред. код]<span style="background:navy; color:{{Greater color contrast ratio|navy|white|black}}">Navy</span>
→ Navy<span style="background:red; color:{{Greater color contrast ratio|red|white|black}}">Red</span>
→ Red<span style="background:white; color:{{Greater color contrast ratio|white|white|black}}">White</span>
→ White<span style="background:black; color:{{Greater color contrast ratio|black|white|black}}">Black</span>
→ Black<span style="background:#005500; color:{{Greater color contrast ratio|#005500|#FFFFFF|#000000}}">#005500</span>
→ #005500<span style="background:#005500; color:#{{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="background:#CC5500; color:#{{Greater color contrast ratio|CC5500|FFFFFF|000000|bias=1}}">CC5500</span>
→ CC5500
Додаткові параметри
[ред. код]Параметр |bias=
потрібно використовувати обережно, щоб забезпечити доступність. Як зазначено вище, коли використовується без нього, та з color2 і color3 відповідними білому та чорному, обрана пара кольорів завжди буде співвідношення контрасту більше за 4.58. bias у 1.25, знижує можливий мінімум до 4.0, що може не задовольняти стандартам доступності.
Документація вище включена з Шаблон:Greater color contrast ratio/документація. (ред. | історія) Дописувачі можуть експериментувати на підсторінках пісочниця (створити | дзеркало) та тести (створити) цього шаблону. Будь ласка, додавайте категорії до підсторінки /документація. Підсторінки цього шаблону. |