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

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

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

Размер текста проверяйте не «на глаз», а по задаче. Для основного контента обычно нужен минимум 16 px. Но читаемость зависит ещё от контраста, длины строки, межстрочного интервала и того, как текст ведёт себя при масштабировании.

Быстрый чек:
— основной текст читается без приближения экрана;
— подписи, ошибки и подсказки не мельче остального вторичного текста;
— текст в кнопках и полях не сжат ради сетки;
— при масштабе 200% ничего не обрезается и не наезжает.

Не фиксируйте размер так, чтобы пользователь не мог его изменить. Используйте rem/em, не прячьте важное в мелких бейджах, не делайте placeholder единственной инструкцией. Серый мелкий текст плохо работает на телефоне, при ярком свете и усталости.

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

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

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

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

start

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

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

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