Как исправить: низкий цветовой контраст
Низкий цветовой контраст — распространенная ошибка доступа WCAG AA, которую отмечают автоматические сканеры и к которой серьезно относятся правоохранительные органы EAA. Вот что вызывает это, почему это важно и конкретное решение.
Почему это важно и как это исправить
Пользователи со слабым зрением не могут читать текст, сливающийся с фоном. WCAG 1.4.3 (Минимум контрастности) требует соотношения 4,5:1 для текста нормального размера.
Увеличьте коэффициент контрастности как минимум до 4,5:1 для обычного текста и до 3:1 для крупного текста.
Повторно запустите сканер после исправления, чтобы подтвердить отсутствие нарушений этого правила. Добавьте модульный тест или тест e2e, который подтверждает наличие соответствующего атрибута, чтобы проблема не могла регрессировать незаметно.
Руководство, а не юридическая сертификация
Результаты сканирования представляют собой автоматизированные рекомендации по обеспечению доступности, а не юридическую консультацию или сертифицированное заключение о соответствии. Всегда сочетайте автоматическое сканирование с ручной экспертной проверкой.
Часто задаваемые вопросы
Будет ли мой сайт оштрафован только за эту проблему?
Отдельные проблемы редко штрафуются напрямую. Власти обычно требуют исправления ситуации в установленные сроки; игнорирование уведомления может повлечь за собой административные штрафы.
Как сканер это определяет?
Мы применяем правила Axe-Core к отображаемой странице и выявляем каждое нарушение с помощью соответствующего критерия WCAG и затронутого селектора DOM.