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

Читаемость ломается не шрифтом: 5 мелочей, из-за которых текст не читают

Читаемость ломается не шрифтом: 5 мелочей, из-за которых текст не читают

Проблема часто не в самом контенте, а в том, как он собран. Даже хороший текст становится тяжёлым, если:
— строка слишком длинная;
— между абзацами нет воздуха;
— контраст «серый на сером»;
— заголовки не отделяют смыслы;
— текст выровнен по ширине и даёт рваные пробелы.

Для основного текста держите простую схему: короткие абзацы, нормальный межстрочный интервал, ширина строки без перегруза. Когда строка заставляет глаз бегать по экрану, пользователь быстро устаёт. Лучше разбить мысль на 2–3 строки, чем прятать её в один плотный блок.

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

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

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

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

start

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

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

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