<b>Размер шрифта ломает доступность чаще, чем цвет иконки</b>
Если текст мелкий, человек с нормальным зрением тоже начнёт щуриться, а с нарушением зрения — просто уйдёт. В интерфейсах важен не «красивый макет», а читаемый текст: базовый размер для основного контента держите не ниже 16 px, а для второстепенных подписей не опускайтесь до минимума без причины.
Проверяйте не только цифру в стилях, но и реальные условия:
— на мобильном шрифт не должен превращаться в «зерно»;
— при увеличении страницы до 200% текст обязан оставаться читаемым и не наезжать на кнопки;
— в длинных абзацах лучше работают 1.4–1.6 line-height и нормальная длина строки.
Частая ошибка — делать мелкий текст там, где он «второстепенный»: подсказки, формулировки ошибок, подписи к полям, таблицы. Именно эти элементы люди читают в спешке и часто с напряжением зрения. Если информация важна для действия, она не должна прятаться в мелком кегле.
Ещё одно правило: размер шрифта не должен быть единственным способом показать важность. Заголовок, акцент, подсказка и основной текст должны отличаться не только кеглем, но и иерархией, отступами, весом и контрастом. Так интерфейс остаётся понятным даже при масштабировании.
Проверьте страницу в увеличении и спросите себя: текст всё ещё можно читать без усилий? Если нет — проблема не в пользователе, а в типографике.
Доступность веб-интерфейсов
@accessibility_in_design_ww
<b>Размер шрифта ломает доступность чаще, чем цвет иконки</b>
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.