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

Стандарт WCAG задаёт минимальное соотношение яркостей между текстом и фоном. Для обычного текста на уровне AA это 4.5:1, для крупного и жирного — 3:1, а уровень AAA поднимает планку до 7:1 и 4.5:1 соответственно. Те же 3:1 действуют для границ полей формы и иконок, которые несут смысл.

Считается не «яркость» из пипетки, а относительная светлота по формуле стандарта. Из-за этого два цвета, которые на глаз кажутся одинаково светлыми, дают разный результат: жёлтый светлее, чем выглядит, а насыщенный синий темнее. Именно поэтому светлый текст на жёлтой кнопке проваливается почти всегда.

Формула не видит того, что видит человек. Она не учитывает ни тонкость шрифта, ни размер в реальном макете, ни фон под полупрозрачным слоем, ни поведение экрана на солнце. Пара, прошедшая с запасом в две сотых, будет читаться плохо, если набрана тонким начертанием мелким кеглем.

Поэтому вывод инструмента — входное условие, а не гарантия читабельности. Проверка обязательна там, где мы отвечаем за доступность: государственные сайты, образование, медицина, любой проект с требованием соответствовать WCAG. Дальше макет всё равно смотрит человек.