<b>Размер шрифта: как не сделать текст нечитаемым для части аудитории</b>
Слишком мелкий текст ломает интерфейс не хуже плохого контраста. Если пользователю приходится приближать экран, искать кнопку «увеличить», он быстрее бросает задачу. Для доступности важен не «красивый макет», а комфорт чтения без усилий.
Проверьте базу:
• основной текст — не ниже 16 px для обычных веб-страниц;
• строки не должны быть слишком плотными: оставляйте воздух между строками;
• не фиксируйте высоту блока, иначе увеличенный текст начнёт обрезаться;
• не завязывайте смысл на кегль: крупный шрифт может быть просто акцентом, а не единственным способом понять важность.
Отдельно смотрите на адаптивность. На мобильном текст часто становится мелким из-за масштабирования, а в карточках и таблицах его «ужимают» ради компоновки. Если элемент нельзя прочитать без зума, он уже проблемный. Тест простой: откройте страницу на узком экране и увеличьте системный масштаб текста — ничего не должно развалиться.
Если есть выбор, задавайте размеры через относительные единицы и проверяйте интерфейс с увеличенным текстом. Так вы ловите не только мелкий кегль, но и обрезания, налезания и сломанные кнопки до того, как их увидят пользователи.
Доступность веб-интерфейсов
@accessibility_in_design_ww
<b>Размер шрифта: как не сделать текст нечитаемым для части аудитории</b>
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.