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