Контраст — не «красивее», а читается ли текст без напряжения

Контраст — не «красивее», а читается ли текст без напряжения

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

Проверяйте не «нормально выглядит», а конкретные пары: текст/фон, ссылка/обычный текст, иконка/подложка, состояние фокуса/окружение. Частые провалы: светло-серый текст на белом, синий линк на синем фоне, placeholder как единственная подсказка, кнопка без явной границы.

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

Проверяйте интерфейс в сером режиме: если без цвета элемент всё ещё различим, значит логика визуальной иерархии собрана правильно. Если нет — исправляйте не «на глаз», а через явные стили, потому что цвет сам по себе не должен быть единственным носителем смысла.

Хороший контраст — это когда интерфейс не заставляет пользователя всматриваться. Если сомневаетесь, усиливайте различие между слоями и не полагайтесь на оттенок в одиночку.