HTML/Attribute/aria-required

Das aria-required-Attribut zeigt an, dass eine Benutzereingabe für das Element erforderlich ist, bevor ein Formular abgeschickt werden kann.

erlaubte Werte	true / false
default-Wert	flase
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<div id="tbLabel">Email Address *</div>
<div
  role="textbox"
  contenteditable
  aria-labelledby="tblabel"
  aria-required="true"
  id="email1"></div>

Ein div wird mit contenteditable zu einem Eingabefeld umgewandelt.
Verwende lieber das native Element: <input type="email" id="email1" required />

Beachten Sie: Wenn die Bezeichnung des Feldes bereits das required-Attribut enthält, wird empfohlen, aria-required wegzulassen. Dadurch wird vermieden, dass Screenreader den Begriff zweimal auslesen.

Siehe auch

• WAI-ARIA

Weblinks

• W3C: aria-required
• MDN: aria-required

{{{{{Inhaltsverzeichnis}}}}}