<b>Контрастность: почему красивый дизайн иногда делает сайт нечитаемым</b>

<b>Контрастность: почему красивый дизайн иногда делает сайт нечитаемым</b>

Если текст сливается с фоном, человек не “не заметил” блок — он физически не может его прочитать. Для сайтов на WordPress это особенно важно: слабый контраст бьёт по меню, кнопкам, формам, карточкам и мелким подписям.

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

Частая ошибка — полагаться на “визуально вроде нормально”. На тёмной теме серый текст на чёрном фоне, на светлой — бледно-серый на белом, а ещё градиенты и фото под текстом быстро ломают читаемость. Если элемент выглядит “стильно”, но его приходится разглядывать, это уже проблема доступности.

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

Контрастность — это не про “сделать грубее”, а про убрать лишнее между смыслом и глазами пользователя.