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