Если пользователь щурится, перескакивает по строкам или не понимает, где начало блока, проблема часто не в контенте, а в подаче. Для доступности важно, чтобы текст читался без усилий: короткие строки, стабильный ритм, понятные акценты.
Проверьте базовые вещи:
— размер шрифта не меньше 16 px для основного текста;
— межстрочный интервал 1.4–1.6, чтобы строки не слипались;
— длина строки примерно 50–75 знаков, иначе глаз теряет курс;
— контраст текста и фона достаточный не только на белом фоне, но и в состояниях hover, disabled, error.
Не злоупотребляйте капсом, тонким начертанием и серым текстом “для аккуратности”. Такой дизайн часто выглядит чисто только в макете. В интерфейсе он быстро превращается в проверку на терпение, особенно на мобильных экранах и при ярком свете.
Если нужно выделить важное, лучше использовать жирность, отступы и иерархию заголовков, а не цветной шум. Хорошая читаемость — это когда пользователь не догадывается, где смотреть дальше. Он просто читает и понимает.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Читаемость интерфейса ломается не из-за текста, а из-за мелких решений вокруг него
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.