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

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

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

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

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

Отдельно смотрите на технические тексты: ошибки, подсказки, названия кнопок. Если сообщение вроде «Некорректное значение поля» не говорит, что делать дальше, оно бесполезно. Лучше: «Введите номер без пробелов и тире».

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

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

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

start

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

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

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