Метрика различия яркостей в веб-доступности
Отношение относительной яркости более светлого цвета к относительной яркости более темного. Рассчитывается по формуле (L1 + 0.05) / (L2 + 0.05), где L — относительная яркость. Чем выше значение, тем легче глазу различать элементы.
Близкие слова
- отношение контраста
- коэффициент яркости
Дизайнер проверил коэффициент контрастности между черным текстом и белым фоном, чтобы убедиться в соответствии стандартам WCAG.
Для кнопки с оранжевым фоном и белым шрифтом коэффициент контрастности оказался ниже требуемого порога 4.5:1.
Стандарты WCAG и пороги доступности
Всемирная организация по стандартизации (W3C) устанавливает критерии успешного выполнения для обеспечения доступности веб-контента. Для обычного текста (до 18 пт или до 14 пт жирным) минимально допустимый коэффициент контрастности составляет 4.5:1. Это обеспечивает достаточную читаемость для людей с умеренными нарушениями зрения.
Для крупного текста (от 18 пт стандартного или от 14 пт жирного) и графических объектов интерфейса допускается снижение порога до 3:1. Такие элементы занимают больше площади на экране, поэтому их легче различить при меньшей разнице в яркости.
Отличие от субъективного контраста
Важно различать математический коэффициент и визуальное восприятие контраста. Цвета могут иметь одинаковый коэффициент, но выглядеть по-разному из-за цветового тона и насыщенности. Например, красный и зеленый цвета могут иметь низкий коэффициент яркости, вызывая проблемы у людей с дальтонизмом, даже если формально они проходят проверку на контрастность.
Поэтому проверка коэффициента — это обязательный, но не единственный этап тестирования интерфейса. Дизайнеры также используют симуляторы дальтонизма и тестируют макеты в режимах с пониженной яркостью экрана.