<b>Контрастность на сайте: 4 ошибки, из-за которых тексты не читают</b>

<b>Контрастность на сайте: 4 ошибки, из-за которых тексты не читают</b>

Контраст — это не «сделать посветлее» или «потемнее». Это разница между текстом и фоном, из-за которой пользователь быстро считывает смысл, а не всматривается в экран.

Частые провалы:
— светло-серый текст на белом фоне;
— тонкий шрифт поверх фото или градиента;
— кнопка без заметного состояния при наведении;
— текст в цветных блоках без проверки на всех экранах.

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

Если используете изображение за текстом, добавляйте затемняющую подложку или переносите текст в отдельный блок. Не надейтесь на вкус дизайнера: контраст лучше смотреть в реальном интерфейсе, а не в макете.

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