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

Автоматизированные проверки доступности стабильно показывают, что недостаточный контраст цвета — самое частое нарушение среди всех проверенных сайтов, опережающее все остальные категории проблем доступности вместе взятые. И в отличие от многих проблем доступности, для исправления которых нужно менять структуру или семантическую разметку, проблему контраста обычно решает лёгкое затемнение или осветление одного цвета — без каких-либо изменений структуры страницы, разметки или макета. Именно это сочетание — крайне частая проблема, но сравнительно дешёвая в исправлении после обнаружения — и делает оправданным использование отдельного инструмента проверки контраста прямо на конкретной паре цветов до публикации, а не расчёт на то, что её поймает полноценный аудит доступности постфактум.

WCAG определяет два уровня соответствия с разными числовыми порогами, и то, какой из них применяется, зависит и от уровня, на который ориентируется проект, и от размера конкретного проверяемого текста. Уровень AA — тот, на который чаще всего ссылаются юридические требования доступности и внутренние политики организаций, — требует коэффициента 4.5:1 для текста обычного размера, но снижает планку до 3:1 для крупного текста (от 18 пунктов или от 14 пунктов жирным начертанием и крупнее), поскольку крупные символы остаются читаемыми при более низком контрасте, чем мелкие. Уровень AAA, более строгий стандарт, поднимает эти же пороги до 7:1 и 4.5:1 соответственно. Большинство проектов ориентируются на AA как на практический минимум; AAA оставляют для контента, специально рассчитанного на пользователей с более серьёзными нарушениями зрения, — там более строгий порог оправдывает дополнительные ограничения на дизайн, которые он накладывает.