Контраст между цветом текста и цветом фона на первый взгляд кажется сугубо эстетическим вопросом — нравится сочетание или нет. Но на практике недостаточный контраст напрямую влияет на то, сможет ли человек вообще прочитать текст, и это касается заметно большего числа людей, чем принято думать.
Существуют формальные рекомендации по минимальному соотношению контрастности между текстом и фоном — для обычного текста стандарт рекомендует соотношение не ниже 4.5 к 1, а для крупного заголовочного текста порог немного мягче, потому что крупные буквы читаются легче даже при меньшем контрасте.
Проблема с низким контрастом касается не только людей с официально диагностированными нарушениями зрения — она заметна и при ярком солнечном свете на экране телефона, и у людей старшего возраста с естественным возрастным снижением остроты зрения, и в целом у любого уставшего к концу дня человека.
Модные светло-серые оттенки текста на белом фоне, распространённые несколько лет назад в минималистичном дизайне, часто как раз страдают именно от недостаточного контраста — выглядят стильно на дизайнерском макете при идеальном освещении монитора, но на практике читаются заметно хуже, чем кажется на первый взгляд.
Проверить контрастность конкретной пары цветов можно быстро, без специальных знаний — достаточно ввести оба значения цвета в один из бесплатных онлайн-инструментов, и он покажет, соответствует ли сочетание рекомендуемым нормам, а иногда сразу предложит более контрастный вариант того же оттенка.
Контраст важен не только для основного текста, но и для иконок, границ полей форм, индикаторов состояния — любого элемента, который несёт значимую информацию только за счёт цвета или тонкой границы на похожем по яркости фоне.
Проверить контрастность конкретных цветов можно в инструменте WebAIM Contrast Checker, одном из самых известных бесплатных сервисов для этой задачи.
