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

Читаемость интерфейса ломается чаще не из-за дизайна, а из-за текста и контраста

Читаемость интерфейса ломается чаще не из-за дизайна, а из-за текста и контраста

Если пользователь щурится и перечитывает одну строку, проблема почти всегда в одном из трёх мест: низкий контраст, мелкий кегль или слишком длинные строки. Веб-текст должен читаться с первого прохода, без «поймать взгляд и догадаться». Для этого держите интервал между строками 1.4–1.6, не ставьте светло-серый по белому и не делайте абзацы шире 60–80 символов.

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

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

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

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

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

start

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

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

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