Проверка контрастности цветов (WCAG)

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

Студия · нейтральное окружение
Коэффициент контрастности
: 1

AA · основной текст ≥ 4.5
AA · крупный текст ≥ 3.0
AAA · основной текст ≥ 7.0
AAA · крупный текст ≥ 4.5
Исправление в один клик · тон сохраняется

Возможности

Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text

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

1. Задайте цвета текста и фона — образец и вердикт WCAG обновляются мгновенно.

2. Переключайте образцы (шрифт / статья / интерфейс), чтобы оценить пару в реальном применении; клавиша S меняет цвета местами.

3. Если уровень не пройден, используйте исправление в один клик — меняется только светлота, тон сохраняется — или скопируйте отчёт WCAG.

Часто задаваемые вопросы

What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

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