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

Размер шрифта — не про «красиво», а про то, сможет ли человек вообще прочитать текст

Размер шрифта — не про «красиво», а про то, сможет ли человек вообще прочитать текст

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

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

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

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

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

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

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

start

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

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

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