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