HTML/Attribute/aria-invalid
Aus SELFHTML-Wiki
Das aria-invalid-Attribut zeigt an, dass der eingegebene Wert nicht dem von der Anwendung erwarteten Format entspricht.
| erlaubte Werte |
|
|---|---|
| default-Wert | false |
| erlaubt in | allen Elementen |
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
Weblinks
- W3C: aria-invalid
- MDN: aria-invalid
Liste der HTML-Attribute
- Aria-Attribute
- aria-activedescendant
- aria-atomic
- aria-autocomplete
- aria-braillelabel
- aria-brailleroledescription
- aria-busy
- aria-checked
- aria-colcount
- aria-colindex
- aria-colindextext
- aria-colspan
- aria-controls
- aria-current
- aria-describedby
- aria-description
- aria-details
- aria-disabled
- aria-errormessage
- aria-expanded
- aria-flowto
- aria-haspopup
- aria-hidden
- aria-invalid
- aria-keyshortcuts
- aria-label
- aria-labelledby
- aria-level
- aria-live
- aria-modal
- aria-multiline
- aria-multiselectable
- aria-orientation
- aria-owns
- aria-placeholder
- aria-posinset
- aria-pressed
- aria-readonly
- aria-relevant
- aria-required
- aria-roledescription
- aria-rowcount
- aria-rowindex
- aria-rowindextext
- aria-rowspan
- aria-selected
- aria-setsize
- aria-sort
- aria-valuemax
- aria-valuemin
- aria-valuenow
- aria-valuetext
- Universalattribute
- Formular-Attribute
- Listen-Attribute
- Medien-Attribute
- Meta-Attribute
- Tabellen-Attribute
- Verweis-Attribute
- obsolet oder gelöscht
Abgerufen am 21.11.2025
von "http://wiki.selfhtml.org/wiki/HTML/Attribute/aria-invalid"