Доступность веб-интерфейсов

Цветовой контраст ломает интерфейс чаще, чем кажется: где искать слабые места

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

Проверьте интерфейс по простому списку:
— основной текст и подписи;
— кнопки, особенно неактивные и вторичные;
— ссылки в тексте и в навигации;
— ошибки, подсказки и статусы;
— иконки, если они передают смысл без текста.

Отдельно смотрите на состояния hover, focus, disabled и selected. Частая ошибка — нормальный контраст в обычном виде и почти невидимый в фокусе. Пользователь с мышью ещё как-то справится, а клавиатурная навигация быстро упирается в «пропавший» элемент.

Если сомневаетесь, усиливайте не цвет, а структуру: добавляйте подчёркивание, рамку, толщину шрифта, подложку, иконку с подписью. Контраст должен помогать считыванию, а не быть единственным способом понять, куда нажимать.
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.
tech

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

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

start

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

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

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