Контраст текста: 4 ошибки, из-за которых интерфейс читают только с усилием

Контраст текста: 4 ошибки, из-за которых интерфейс читают только с усилием

Контраст — это не «чтобы было красиво», а чтобы текст, кнопки и иконки были различимы без напряжения. Если элемент сливается с фоном, пользователь теряет время, промахивается по кнопке и быстрее устаёт.

Самые частые промахи:
— светло-серый текст на белом фоне;
— текст поверх изображения без подложки;
— тонкие иконки и плейсхолдеры в слабом контрасте;
— состояние hover есть, а фокуса почти не видно.

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

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