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