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

Размер шрифта в интерфейсе: почему «мелко, но красиво» ломает доступность

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

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

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

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

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

Свежие посты в категории «Сервисы и инфраструктура»

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

start

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

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

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