Доступность веб-интерфейсов

Размер шрифта ломает доступность чаще, чем кажется: 5 правил проверки

Размер шрифта ломает доступность чаще, чем кажется: 5 правил проверки

Если текст слишком мелкий, пользователь не просто «напрягается» — он теряет смысл, особенно на телефоне и при увеличении масштаба. В интерфейсе важен не только сам кегль, но и то, как он ведёт себя в контейнере: не обрезается ли строка, хватает ли межстрочного интервала, не превращается ли карточка в кашу.

Проверьте базу:
— основной текст должен читаться без зума;
— подписи и подсказки не делайте «для красоты» заметно мельче основного текста;
— для длинных абзацев увеличивайте межстрочный интервал, иначе глаза спотыкаются;
— не фиксируйте высоту блоков, если шрифт может вырасти;
— кнопки и ссылки не должны выглядеть как мусорный мелкий текст.

Отдельная ошибка — использовать размер как единственный способ показать иерархию. Если заголовок крупный, но контраст слабый или строка слишком длинная, пользы мало. И наоборот: аккуратный кегль, нормальный контраст и понятные отступы часто работают лучше, чем «огромный» дизайн.

Практика простая: откройте экран на маленьком устройстве, увеличьте системный текст и проверьте, не ломается ли интерфейс. Если ломается — проблема не в пользователе, а в верстке.
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.