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