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

<b>Контрастность сайта ломается не в дизайне, а в мелочах верстки</b>

<b>Контрастность сайта ломается не в дизайне, а в мелочах верстки</b>

Главная ошибка — проверять только «красивые» блоки. Пользователь с низким зрением страдает в типичных местах: серый текст на белом, подписи к полям, второстепенные кнопки, ссылки в футере, плейсхолдеры вместо нормального label.

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

Для WordPress-проектов держите простой чек-лист: — текст и фон должны отличаться не только оттенком; — не полагайтесь на один цвет для статуса или ошибки; — у ссылок нужен визуальный признак кроме цвета; — отключайте декоративные эффекты там, где они мешают чтению. Лучше упростить блок, чем потом объяснять, почему его «почти видно».

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

Свежие посты в категории «Tech Infrastructure»

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

start

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

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

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