Контраст — не «красивее», а читается ли текст без напряжения
Если текст, иконка или кнопка сливаются с фоном, пользователь не угадывает — он ошибается. В веб-интерфейсах контраст нужен не только для слабовидящих: он помогает читать с экрана, на солнце, на дешёвой матрице и в спешке.
Проверяйте не «нормально выглядит», а конкретные пары: текст/фон, ссылка/обычный текст, иконка/подложка, состояние фокуса/окружение. Частые провалы: светло-серый текст на белом, синий линк на синем фоне, placeholder как единственная подсказка, кнопка без явной границы.
Для обычного текста держите высокий контраст, а для крупного — не расслабляйтесь слишком сильно: большая типографика прощает меньше, чем кажется. Для не-текстовых элементов важен не только цвет, но и форма: рамка, толщина, заполнение, подчёркивание, стиль фокуса.
Проверяйте интерфейс в сером режиме: если без цвета элемент всё ещё различим, значит логика визуальной иерархии собрана правильно. Если нет — исправляйте не «на глаз», а через явные стили, потому что цвет сам по себе не должен быть единственным носителем смысла.
Хороший контраст — это когда интерфейс не заставляет пользователя всматриваться. Если сомневаетесь, усиливайте различие между слоями и не полагайтесь на оттенок в одиночку.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Контраст — не «красивее», а читается ли текст без напряжения
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.