Соответствие WCAG 2.1
Проверка контрастности
Проверяйте соответствие пар цветов стандартам доступности WCAG AA и AAA. Мгновенный результат для обычного и крупного текста.
Пара цветов
Выберите цвет текста и фон
Пример текста
Съешь же ещё этих мягких французских булок да выпей чаю
Коэффициент контрастности
18.89
: 1
Соответствие WCAG
Обычный текст (AA)Прошёл
Обычный текст (AAA)Прошёл
Крупный текст (AA)Прошёл
Требования
AA Обычный
4.5 : 1AAA Обычный
7 : 1AA Крупный текст
3 : 1Как это работает
Шаг 1
Выберите цвета
Используйте пипетку или впишите HEX-значения для текста и фона.
Шаг 2
Получите коэффициент
Мгновенно считаем коэффициент контрастности по формуле относительной светимости WCAG 2.1.
Шаг 3
Проверьте соответствие
Смотрите, проходит ли пара WCAG AA или AAA для обычного и крупного текста.
Шаг 4
Проверьте тёмный режим
Поменяйте цвет текста и фон местами, чтобы протестировать светлую и тёмную темы.