Мелкий шрифт ломает доступность раньше, чем пользователь дойдёт до кнопки
Размер текста проверяйте не «на глаз», а по задаче. Для основного контента обычно нужен минимум 16 px. Но читаемость зависит ещё от контраста, длины строки, межстрочного интервала и того, как текст ведёт себя при масштабировании.
Быстрый чек:
— основной текст читается без приближения экрана;
— подписи, ошибки и подсказки не мельче остального вторичного текста;
— текст в кнопках и полях не сжат ради сетки;
— при масштабе 200% ничего не обрезается и не наезжает.
Не фиксируйте размер так, чтобы пользователь не мог его изменить. Используйте rem/em, не прячьте важное в мелких бейджах, не делайте placeholder единственной инструкцией. Серый мелкий текст плохо работает на телефоне, при ярком свете и усталости.
Тест простой: откройте форму на узкой ширине, увеличьте масштаб и пройдите сценарий без усилия. Если приходится всматриваться, размер шрифта уже мешает.
Шрифт — часть сценария, а не украшение. Читаемый текст снижает ошибки и делает интерфейс доступнее без сложной переработки.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Мелкий шрифт ломает доступность раньше, чем пользователь дойдёт до кнопки
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.