Что такое Проверка контрастности цветов?

Проверка контрастности цветов оценивает коэффициент контрастности между цветом текста и фона по стандартам доступности WCAG 2.1. Инструмент мгновенно показывает, соответствует ли выбранная комбинация цветов уровням AA и AAA для обычного и крупного текста.

Как использовать

1. Шаг 1 — Задайте цвет переднего плана (текста) с помощью палитры или введите значение в формате HEX/RGB.
2. Шаг 2 — Задайте цвет фона тем же способом. Коэффициент контрастности и оценки соответствия WCAG обновляются мгновенно.
3. Шаг 3 — Проверьте значки прохождения/непрохождения для уровней AA и AAA. Корректируйте цвета, пока все нужные критерии не будут выполнены.

Результат

Дизайнер проверяет тёмно-серый текст (#333333) на светло-голубом фоне (#E3F2FD) — инструмент показывает коэффициент 10.5:1, что соответствует уровням WCAG AA и AAA для всех размеров текста.

Похожие инструменты