Когда использовать требуемый атрибут против атрибута, требуемого арии для входных элементов?

Я пытаюсь сделать форму доступной. Должен ли я внести свой вклад как в required и в aria-required атрибуты или только один?

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" required>

Или как это?

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true">

Или как это?

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" aria-required="true" required>

В статье " Доступные формы HTML5 - требуемые входы" утверждается, что лучше всего реализовать оба варианта.

Ответ 1

Когда Джон Фолио написал эту статью в 2012 году, это было очень верно. Вам нужны были оба.

Сегодня это уже не так. Я могу взять ваш пример, поместить его в CodePen и проверить его в JAWS и NVDA (извините, без VoiceOver сегодня):

<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box" required>

Вы с удовольствием узнаете, что как NVDA, так и JAWS объявляют поле в случае необходимости.

Короче говоря, вам больше не нужна aria-required. Просто используйте required.

Вы можете прочитать немного больше об атрибутах ARIA, которые вы можете сбросить в этой статье Стивом Фолкнером (одним из редакторов спецификации ARIA) с 2015 года: http://html5doctor.com/on-html-belts-and-aria- брекеты /

Ответ 2

HTML5 теперь имеет необходимый атрибут, но требуемая ария по-прежнему полезна для пользовательских агентов, которые еще не поддерживают HTML5.

Ссылка: использование атрибута aria в MDN