Как измеряется контраст
Расчёт использует относительную яркость sRGB и отношение от 1:1 до 21:1. Для обычного текста порог AA равен 4,5:1, AAA равен 7:1. Крупному тексту соответствуют пороги 3:1 и 4,5:1. Итог сравнивается с порогом до округления.
HOSTINSIDE / WCAG
Проверка контраста цветов
Укажите цвет текста и однотонного фона. Инструмент рассчитает отношение яркостей и покажет, какие пороги проходит выбранная пара.
Открыть инструмент- 01HEX #RGB и #RRGGBB
- 02AA и AAA для текста
- 03Порог 3:1 для интерфейса
- 04Пример и CSS-пара
WORKSPACE / WCAG
Готов к работеРезультат обработки
GUIDE / Дизайн
Как получить корректный результат
Какой текст считается крупным
В критерии контраста крупным считается текст от 18 pt либо от 14 pt при жирном начертании. При обычном соотношении CSS-единиц это примерно 24 px и 18,67 px. Размер, начертание и фактический фон нужно проверить в интерфейсе.
Что остаётся проверить вручную
Результат относится к двум непрозрачным цветам. Изображения, градиенты, прозрачность, сглаживание и состояния элементов могут менять восприятие. Порог 3:1 для отдельных элементов интерфейса применяется с условиями и исключениями; прохождение этой пары не подтверждает доступность всей страницы.
FAQ / КОРОТКО
Частые вопросы
Можно проверять прозрачный цвет?
В этой версии поддерживаются непрозрачные HEX-цвета. Сначала получите фактический цвет после наложения на фон.
Почему значение близко к 4,5:1, но AA не пройден?
Решение принимается по неокруглённому отношению. Число чуть ниже 4,5 не достигает порога, даже если краткая запись выглядит близкой.
Что делает кнопка смены местами?
Меняет цвета текста и фона. Отношение контраста остаётся тем же, а пример помогает оценить обратную комбинацию.