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

Проверьте, достаточно ли контрастны текст и фон по стандарту доступности WCAG. Коэффициент и вердикты AA/AAA.

Обычный текст 16 px — так выглядит основной абзац на вашем фоне.

Крупный заголовок 24 px

Как считается контраст

Коэффициент контрастности — отношение яркостей двух цветов по формуле WCAG, от 1:1 (цвета совпадают) до 21:1 (чёрный на белом). Инструмент вычисляет его в реальном времени и показывает вердикты для четырёх порогов стандарта: уровни AA и AAA для обычного и крупного текста. Предпросмотр сразу демонстрирует, как сочетание выглядит вживую.

Практическое правило: серый текст на белом фоне должен быть не светлее #767676, иначе он провалит уровень AA. Для плейсхолдеров и второстепенных подписей проверка особенно важна — именно они чаще всего оказываются нечитаемыми.

Частые вопросы

Какой контраст считается достаточным?

Стандарт WCAG требует коэффициент не менее 4,5:1 для обычного текста и 3:1 для крупного (от 24 px или 18,5 px жирного) — это уровень AA, обязательный минимум. Уровень AAA строже: 7:1 и 4,5:1 соответственно.

Зачем проверять контраст?

Низкоконтрастный текст плохо читается на солнце, на дешёвых экранах и людьми со сниженным зрением — а это до 8% аудитории. Кроме того, требования контрастности входят в ГОСТ Р 52872 и международные стандарты доступности, обязательные для госсайтов.

Обновлено: 2 июля 2026