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

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

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

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

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

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

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