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