Размер шрифта — не про «красиво», а про то, сможет ли человек вообще прочитать текст
Главная ошибка — задавать размер в пикселях «по вкусу». Для доступности важнее другое: текст должен нормально масштабироваться, не ломать сетку и оставаться читаемым при увеличении страницы.
Ориентир для обычного текста: 16 px как базовый минимум, а не как универсальная норма. Если в интерфейсе много плотного контента, проверьте, чтобы межстрочный интервал не был слишком тесным: при маленьком кегле это критично.
Для заголовков работает правило контраста по размеру, а не по весу. Если заголовок почти не отличается от основного текста, пользователь теряет структуру страницы. Не пытайтесь спасать ситуацию одним лишь жирным начертанием — размер важнее.
Полезная проверка: откройте экран на 200% масштабирования, пройдитесь по ключевым блокам и посмотрите, не появляются ли обрезки, налезание строк и «прыгающие» кнопки. Если тексту тесно при увеличении, размер выбран неправильно.
Лучший размер шрифта — тот, который выдерживает масштабирование, не заставляет щуриться и не разрушает интерфейс. Проверьте это до дизайна, а не после релиза.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Размер шрифта — не про «красиво», а про то, сможет ли человек вообще прочитать текст
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.