aria-required

ARIA-атрибут, который указывает на обязательность ввода данных в элемент формы.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство виджета из WAI-ARIA, которое определяет обязательность ввода данных в элемент формы перед их отправкой.

Аналог aria-required в 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-required с одним из двух значений:

  • true — нужно обязательно ввести сюда данные.
  • false (по умолчанию) — данные вводить необязательно.

Атрибут можно использовать только для некоторых тегов и ARIA-ролей:

Для <input>, <select> или <textarea> лучше использовать атрибут required.

Как понять

Скопировано

aria-required можно добавлять не только к полям или чекбоксам, но и к целым группам радиокнопок или к ячейкам сеток.