Доступность сайтов на WordPress

Контрастность ломает доступность чаще, чем сложная навигация — проверь это первым

Если текст сливается с фоном, пользователь не читает, а угадывает. Это особенно заметно на кнопках, подсказках, ошибках форм и вторичном тексте: именно там низкий контраст чаще всего маскируют «аккуратным дизайном».

Проверяйте не только основной текст, но и:
• серые подписи в полях;
• ссылки в тексте;
• состояния hover и focus;
• текст поверх фото, градиентов и плашек.

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

Лучший тест — быстрое чтение с экрана на ярком солнце или при сниженной яркости. Если приходится всматриваться, контраст уже слабый. Проверяйте макеты до верстки: исправить цвет на этапе дизайна всегда проще, чем потом переделывать весь интерфейс.
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.
tech

Свежие посты в категории «Сервисы и инфраструктура»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.