Kiedy użyć wymaganego atrybutu vs wymaganego przez arię dla elementów wejściowych?

Question

Próbuję udostępnić formularz. Czy moje dane wejściowe powinny mieć atrybuty required i aria-required, czy tylko jeden?

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

Lubisz to?

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

Lubisz to?

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

Artykuł Accessible HTML5 Forms – Required Inputs twierdzi, że najlepiej jest zaimplementować oba.

Answer 1

Kiedy John Foliot napisał ten artykuł w 2012 roku, było to bardzo prawdziwe. Potrzebowałeś obu.

Dziś już tak nie jest. Mogę wziąć przykład, umieścić go in a CodePen i sprawdzić go w JAWS i NVDA (Niestety, nie VoiceOver dzisiaj):

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

Będziesz zadowolony wiedzieć, że zarówno NVDA i JAWS ogłasza pole wymagane.

Krótko mówiąc, już nie musisz potrzebujesz aria-required. Po prostu użyj required.

można przeczytać nieco więcej o ARIA atrybutów można zrzucić w tym artykule Steve Faulknera (jeden z redaktorów spec ARIA) od 2015: http://html5doctor.com/on-html-belts-and-aria-braces/

Answer 2

HTML5 ma teraz wymaganego atrybutu ale wymagana przez Arię jest nadal użyteczna dla użytkowników, którzy nie obsługują jeszcze HTML5.

Ref: Using the aria required attribute post on MDN