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

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

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

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

Результат

UI-дизайнер проверяет фирменный синий #3B82F6 на белом #FFFFFF — соотношение 4,5:1 проходит AA для крупного текста, но не достигает AAA для обычного. Цвет затемняется до #2563EB (5,3:1) и проходит оба уровня.

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