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