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

<b>Размер шрифта: как не сломать читаемость интерфейса для всех</b>

<b>Размер шрифта: как не сломать читаемость интерфейса для всех</b>

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

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

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

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

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

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

start

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

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

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