Wann muss das erforderliche Attribut im Vergleich zum Attribut aria-required für Eingabeelemente verwendet werden?

Question

Ich versuche, ein Formular zugänglich zu machen. Soll ich meinen Eingaben sowohl required als auch aria-required Attribute geben, oder nur eines?

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

Oder so?

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

Oder so?

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

Der Artikel Accessible HTML5 Forms – Required Inputs Ansprüche ist es am besten beide zu implementieren.

Answer 1

Als John Foliot diesen Artikel im Jahr 2012 schrieb, war es sehr wahr. Du brauchst beides.

Heute ist das nicht mehr der Fall. Ich kann Ihr Beispiel nehmen, setzen Sie es in a CodePen, und überprüfen Sie es in JAWS und NVDA (sorry, keine Voiceover heute):

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

Sie werden froh zu wissen, dass beide NVDA und JAWS das Feld bekannt geben, wie erforderlich.

Kurz gesagt, brauchen Sie nicht benötigen aria-required länger. Verwenden Sie einfach required.

Sie können ein bisschen mehr lesen über die ARIA Attribute, die Sie in diesem Artikel von Steve Faulkner (einer der Herausgeber der ARIA-Spezifikation) ab 2015 Dump kann: http://html5doctor.com/on-html-belts-and-aria-braces/

Answer 2

HTML5 hat jetzt das gewünschte Attribut, aber aria-required ist immer noch nützlich für Benutzeragenten, die HTML5 noch nicht unterstützen.

Ref: Using the aria required attribute post on MDN