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