Ошибка: атрибут, требующий aria, не разрешен в общей роли
У меня есть поле ввода ниже, но когда я тестирую с помощью инструментов AX или ARC, я получаю следующую ошибку: «Атрибут, требующий aria, не разрешен в общей роли». Может кто-нибудь сказать мне, в чем здесь проблема и как ее решить?
<input matinput = "" width = "875px" tabindex = "0" id = "zipcode-seach" formcontrolname = "zipCode" class = "mat-input" placeholder = "Zip Code / Postal Code - enter full or partial value" aria-invalid = "false" aria-required = "false">
Обратите внимание, что вы не указали тип ввода. aria-required действует только для определенных типов ввода. Полный список доступен здесь: w3c.github.io/aria/#aria-required
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Этот атрибут используется для указания того, что для элемента требуется ввод данных пользователем. Однако в этом нет необходимости для семантических элементов HTML, таких как <input>, которые уже поддерживают атрибут required.
Атрибут aria-required в основном предназначен для использования с пользовательскими элементами управления формой, созданными с использованием несемантических элементов (<div>, <span>). Для семантических элементов, таких как <input>, вместо этого следует использовать атрибут required.
Поскольку вы хотите, чтобы атрибут required был ложным, вы можете просто опустить этот атрибут.
Например:
<input matinput = "" width = "875px" tabindex = "0" id = "zipcode-search" formcontrolname = "zipCode" class = "mat-input" placeholder = "Zip Code / Postal Code - enter full or partial value" aria-invalid = "false">
Вы можете обратиться к документации MDN по атрибуту aria-required: Веб-документы MDN по aria-required.
Обратите внимание, что tabindex=0 бесполезен для
<input/>, поскольку поля ввода текста по умолчанию фокусируются. Кроме того, для aria-invalid, того же замечания, что и для aria-required, вы можете просто опустить его вместо установки значения false.