HTML/Attribute/aria-invalid

Das aria-invalid-Attribut zeigt an, dass der eingegebene Wert nicht dem von der Anwendung erwarteten Format entspricht.

erlaubte Werte	grammar: Grammatischer Fehler false (Stadardwert) es gibt keine entdeckten Fehler! spelling: Es wurde ein Rechtschreibfehler entdeckt. true: Der vom Benutzer eingegebene Wert hat die Validierung nicht bestanden.
default-Wert	false
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<label for="email">Email:</label>
<input
    type="email"
    name="email"
    id="email"
    aria-invalid="true"
    aria-errormessage="err1" >
<span id="err1" class="errormessage">Fehler: Geben Sie eine gültige E-Mail Adresse ein</span>

Mit JavaScript wird aria-invalid="true" hinzugefügt, um das Objekt als fehlerhaft zu definieren. Mit aria-errormessage wird die id des Hinweis hinzugefügt, das den Text der Fehlermeldung für dieses Objekt enthält.

Siehe auch

• WAI-ARIA
• Formulare/Eingaben mit JavaScript validieren

Weblinks

• W3C: aria-invalid
• MDN: aria-invalid

{{{{{Inhaltsverzeichnis}}}}}