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

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

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

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

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

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

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

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

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

start

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

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

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