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

<b>Размер шрифта: как не сделать интерфейс красивым для зрячих и неудобным для всех</b>

<b>Размер шрифта: как не сделать интерфейс красивым для зрячих и неудобным для всех</b>

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

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

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

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

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

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

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

start

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

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

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