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

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

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

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

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

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

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

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

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

start

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

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

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