Читаемость — не только про красивый шрифт. Если текст трудно разобрать глазами, он уже недоступен: пользователь быстрее ошибается, пропускает подсказки и не понимает, что делать дальше.
Быстрая проверка:
— размер основного текста не меньше 16 px;
— строка не растягивается на всю ширину экрана;
— межстрочный интервал даёт воздуху, а не склеивает строки;
— текст не написан капсом там, где нужно читать фразу;
— ссылки отличаются не только цветом.
Отдельно проверьте контраст. Светло-серый текст на белом фоне, плейсхолдер вместо подписи и кнопка с бледной надписью — частые причины, почему форма выглядит «чистой», но работает плохо.
Ещё один маркер: можно ли понять экран, если прочитать только заголовки, подписи полей и текст кнопок. «Далее», «ОК», «Подробнее» без контекста заставляют угадывать.
Хорошая читаемость снижает нагрузку для всех пользователей, а не только для людей с нарушением зрения. Начинайте аудит с текста: это самый дешёвый способ найти проблемы доступности.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Читаемость интерфейса: что проверить до тестов со скринридером
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.