Контрастность на сайте: 5 ошибок, из-за которых текст теряет читаемость
Контраст — это не только “чёрный на белом”. На WordPress чаще всего ломают читаемость в деталях: светло-серый текст на белом фоне, кнопка без чёткой границы, ссылки, похожие на обычный текст. Пользователь может не заметить важное действие или просто устать читать.
Проверьте базовые пары: основной текст, подписи, ссылки, кнопки, формы. Если элемент несёт смысл, у него должен быть явный визуальный акцент. Не делайте разные состояния одного и того же цвета слишком близкими: hover, disabled и active должны различаться не только на уровне “почти тот же оттенок” 🔎
Отдельно смотрите на фон: картинка, градиент или полупрозрачный блок часто съедают контраст. Если текст лежит поверх изображения, добавьте затемнение, подложку или уменьшите насыщенность фона. И ещё: тонкий шрифт в сочетании с малым кеглем почти всегда проигрывает даже при нормальных цветах.
Быстрый тест простой: откройте страницу на улице, уменьшите яркость экрана и посмотрите на неё без прищура. Если глаз ищет текст дольше секунды — контраст нужно усиливать. Правило одно: важное должно читаться сразу, без догадок.
Доступность сайтов на WordPress
@wp_accessibility_lab_ww
Контрастность на сайте: 5 ошибок, из-за которых текст теряет читаемость
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.