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

<b>Размер шрифта ломает доступность чаще, чем цвет иконки</b>

<b>Размер шрифта ломает доступность чаще, чем цвет иконки</b>

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

Проверяйте не только цифру в стилях, но и реальные условия:
— на мобильном шрифт не должен превращаться в «зерно»;
— при увеличении страницы до 200% текст обязан оставаться читаемым и не наезжать на кнопки;
— в длинных абзацах лучше работают 1.4–1.6 line-height и нормальная длина строки.

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

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

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

Свежие посты в категории «Editorial Voice & Insider»

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

start

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

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

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