Контрастность: как не сломать читаемость на главных экранах WordPress

Контрастность: как не сломать читаемость на главных экранах WordPress

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

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

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

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

Проверьте ключевые страницы как минимум на двух типах экранов: если текст читается без усилия, вы на правильном пути.