Проверка цветовой визуальной доступности

Этот инструмент проверяет не только соответствие контраста нормам, но и то, как одна и та же цветовая пара выглядит при разных нарушениях цветового зрения.

Что означают метки:

• AA normal: проходит ли пара цветов уровень WCAG AA для обычного текста. Порог составляет 4.5:1.
• AAA normal: проходит ли пара цветов уровень WCAG AAA для обычного текста. Порог составляет 7:1.

Почему это важно:

• Под normal понимаются обычный текст интерфейса, небольшие подписи и основная UI-копия.
• Для крупного текста пороги ниже: AA large проходит при 3:1, AAA large при 4.5:1.
• Поэтому цветовая пара может не пройти AAA normal, но все еще быть приемлемой для крупных заголовков или жирного большого текста.

Поля:

• Цвет переднего плана: текст, иконка или основной UI-цвет поверх фона
• Цвет фона: поверхность, на которой размещен передний план
• Изображение макета: необязательный скриншот для анализа локальных зон с низким контрастом
• Уровень WCAG: задает порог, по которому помечаются проблемные области на изображении

Как читать результат:

• Карточки Normal / Protanopia / Deuteranopia / Tritanopia / Achromatopsia показывают внешний вид пары при каждой симуляции.
• После каждой симуляции контраст пересчитывается заново, чтобы показать, не становится ли безопасная пара рискованной для других пользователей.
• Анализ скриншота отмечает плитки, где локальный контраст ниже выбранного порога WCAG.