Кратко
СкопированоСвойство виджета из WAI-ARIA, которое определяет обязательность ввода данных в элемент формы перед их отправкой.
Аналог aria
в HTML — атрибут required
.
Пример
Скопировано<span id="label">Ваша почта:</span><span role="textbox" aria-labelledby="label" id="email" aria-required="true" contenteditable></span>
<span id="label">Ваша почта:</span> <span role="textbox" aria-labelledby="label" id="email" aria-required="true" contenteditable></span>
Как пишется
СкопированоДобавьте к тегу атрибут aria
с одним из двух значений:
true
— нужно обязательно ввести сюда данные.false
(по умолчанию) — данные вводить необязательно.
Атрибут можно использовать только для некоторых тегов и ARIA-ролей:
<input type
или= "checkbox"> checkbox
.<select>
илиcombobox
иlistbox
.<textarea>
,<input>
с типамиtext
,email
,tel
,url
или ролиtextbox
.<input type
или= "number"> spinbutton
.div
,span
илиgeneric
.radiogroup
.tree
.gridcell
.
Для <input>
, <select>
или <textarea>
лучше использовать атрибут required
.
Как понять
Скопированоaria
можно добавлять не только к полям или чекбоксам, но и к целым группам радиокнопок или к ячейкам сеток.