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

Размер шрифта ломает доступность раньше, чем цвет или иконки

Размер шрифта ломает доступность раньше, чем цвет или иконки

Если текст читается только на большом мониторе, интерфейс уже теряет часть аудитории. Для доступности важны не «красивые» 14 px, а читаемость в разных условиях: на ноутбуке, телефоне, при слабом зрении и при увеличении страницы.

Ориентир простой:
— основной текст не делайте мельче 16 px;
— межстрочный интервал держите около 1.4–1.6;
— не фиксируйте высоту блоков под один размер шрифта;
— проверяйте, не обрезается ли текст при масштабировании до 200%.

Частая ошибка — уменьшать шрифт ради «плотной» верстки. В итоге кнопки, подписи и уведомления становятся похожи на шум, а пользователь вынужден всматриваться. Ещё хуже, когда размер задан в px для всего подряд: такой интерфейс плохо переживает системные настройки и пользовательское увеличение.

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

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

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

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

start

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

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

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