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

Читаемость интерфейса: что проверить до тестов со скринридером

Читаемость — не только про красивый шрифт. Если текст трудно разобрать глазами, он уже недоступен: пользователь быстрее ошибается, пропускает подсказки и не понимает, что делать дальше.

Быстрая проверка:
— размер основного текста не меньше 16 px;
— строка не растягивается на всю ширину экрана;
— межстрочный интервал даёт воздуху, а не склеивает строки;
— текст не написан капсом там, где нужно читать фразу;
— ссылки отличаются не только цветом.

Отдельно проверьте контраст. Светло-серый текст на белом фоне, плейсхолдер вместо подписи и кнопка с бледной надписью — частые причины, почему форма выглядит «чистой», но работает плохо.

Ещё один маркер: можно ли понять экран, если прочитать только заголовки, подписи полей и текст кнопок. «Далее», «ОК», «Подробнее» без контекста заставляют угадывать.

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

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

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

start

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

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

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