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