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