Проверка контраста: руководство по доступности цветов

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

Контраст между текстом и фоном напрямую влияет на читаемость. По данным ВОЗ, более 2 миллиардов людей имеют нарушения зрения. Правильный контраст делает ваш сайт доступным для всех.

Стандарт WCAG

Web Content Accessibility Guidelines определяет минимальные требования к контрасту:

Крупный текст — от 18pt (24px) или 14pt (18.66px) жирный.

Как рассчитывается коэффициент контраста

Коэффициент определяется отношением относительной яркости более светлого цвета к более тёмному. Диапазон: от 1:1 (нет контраста) до 21:1 (чёрный на белом).

Как использовать проверку контраста

Типичные ошибки

Смотрите также: Цветовое колесо, Смешивание цветов, Конвертер цветов