Входные данные
Подготовка рабочей области…
Как пользоваться
- Введите непрозрачные цвета текста и фона.
- Проверьте предпросмотр, коэффициент и отдельные оценки соответствия.
- Измените или поменяйте цвета местами и скопируйте коэффициент.
Как читать результат проверки контраста
Цвет текста, хорошо заметный на одном фоне, может теряться на другом. Проверка разделяет требования к обычному и крупному тексту, а также графике интерфейса.
Предпросмотр даёт визуальный контекст, а оценка соответствия использует рассчитанный коэффициент. Размер, насыщенность шрифта и окружение нужно проверять в готовом интерфейсе.
Расчёт коэффициента
Относительная яркость вычисляется по линеаризованным каналам sRGB. Коэффициент равен большей яркости плюс 0,05, делённой на меньшую яркость плюс 0,05.
Чёрный на белом даёт 21:1. Перестановка цветов сохраняет коэффициент, хотя меняет внешний вид.
#000000 on #ffffff21.00:1 · AA and AAA passЧёрный текст на белом даёт максимальный коэффициент WCAG — 21:1.
Пороги и округление
Для обычного текста AA требует 4,5:1, AAA — 7:1. Для крупного текста это 3:1 и 4,5:1; для графики интерфейса — 3:1, когда критерий применим.
Коэффициент показан с двумя знаками, но проверяется без округления. Прозрачные цвета отклоняются: итоговый цвет зависит от подложки.
Проверка готового интерфейса
Учитывайте фактический размер и насыщенность текста, а также состояния компонентов. Успешная проверка пары цветов не оценивает видимость фокуса, доступ с клавиатуры, подписи и остальную страницу.
Текстовый ввод до 1 MiB. Преобразования CSS и HTML выполняются в Worker с ограничением 30 секунд. Инструменты цвета используют sRGB; созданные стили служат предпросмотром и требуют проверки в вашем макете.
Частые вопросы
Почему показанный пороговый коэффициент может не пройти проверку?
Отображение с двумя знаками может округлить число вверх. Проверка использует полное значение, поэтому число чуть ниже порога не проходит.
Можно ли использовать прозрачные цвета?
Нет. Сначала определите итоговые непрозрачные цвета после наложения на соответствующий фон.
Меняется ли коэффициент при перестановке цветов?
Нет. Соотношение яркостей симметрично. Перестановка меняет предпросмотр для визуального сравнения.
Означает ли AA, что вся страница доступна?
Нет. Проверяется только эта пара цветов по указанным порогам. Применимость критерия и остальные требования доступности проверяются отдельно.
Можно ли сохранить результат?
Кнопка «Копировать» копирует показанный коэффициент. Инструмент не создаёт отчёт о доступности и не сертифицирует страницу.