<b>Контрастность сайта ломается не в дизайне, а в мелочах верстки</b>
Главная ошибка — проверять только «красивые» блоки. Пользователь с низким зрением страдает в типичных местах: серый текст на белом, подписи к полям, второстепенные кнопки, ссылки в футере, плейсхолдеры вместо нормального label.
Проверяйте не только цвет, но и размер шрифта, насыщенность фона и прозрачность. Контраст часто падает из-за полупрозрачных оверлеев, градиентов, фоновых фото и текста поверх изображений. Если элемент читается только в идеальном освещении, это уже проблема.
Для WordPress-проектов держите простой чек-лист: — текст и фон должны отличаться не только оттенком; — не полагайтесь на один цвет для статуса или ошибки; — у ссылок нужен визуальный признак кроме цвета; — отключайте декоративные эффекты там, где они мешают чтению. Лучше упростить блок, чем потом объяснять, почему его «почти видно».
Итог простой: контрастность надо проверять на реальном контенте, а не на макете из презентации. Если текст читается без усилия, сайт уже стал доступнее.
Доступность сайтов на WordPress
@wp_accessibility_lab_ww
<b>Контрастность сайта ломается не в дизайне, а в мелочах верстки</b>
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.