<b>Контрастность: почему «красиво» не работает, если текст сливается с фоном</b>

<b>Контрастность: почему «красиво» не работает, если текст сливается с фоном</b>

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

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

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

На WordPress это чаще всего ломают темы, визуальные конструкторы и блоки с фоновыми изображениями. Проверяйте не только страницу целиком, но и состояния: hover, focus, active, disabled. Часто именно они становятся нечитаемыми.

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