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