Размер шрифта ломает доступность чаще, чем кажется: быстрый чек-лист

Размер шрифта ломает доступность чаще, чем кажется: быстрый чек-лист

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

Проверьте базовые правила:
— основной текст не меньше 16 px;
— подписи, подсказки и ошибки не прятать в 11–12 px;
— высота строки примерно 1.4–1.6 от размера шрифта;
— длина строки не растягивается на весь экран;
— кнопки и поля не уменьшаются до «микроцелей».

Отдельный тест — масштабирование до 200%. Интерфейс должен оставаться рабочим: текст не обрезается, элементы не наезжают друг на друга, важные действия не исчезают за пределами экрана. Горизонтальный скролл для обычного текста — красный флаг.

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

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