SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
HTML/Attribute/aria-label
Aus SELFHTML-Wiki
< HTML | Attribute(Weitergeleitet von Aria-label)
Das aria-label-Attribut beschreibt das aktuelle Element mit einer Zeichenkette. (Siehe auch aria-labelledby).
erlaubte Werte |
Zeichenkette |
---|---|
default-Wert | |
erlaubt in | interaktiven Elementen |
Beispiel
<div id="controls">
<button id="back" aria-label="run animation backwards">
◀◀
</button>
<button id="play" aria-label="play/pause animation">
<span class="playing">❙❙</span>
<span class="pausing">►</span>
</button>
<button id="forward" aria-label="choose next picture in animation">
►►
</button>
</div>
Beachten Sie: Die Verwendung nur des zugänglichen Namens, z.B. aus dem Inhalt oder über ein label-Element, ist fast immer die bessere Benutzererfahrung.
aria-abel ist nur für interaktive Elemente erlaubt, „normale“ Elemente sollten zusätzlich ein passendes role-Attribut erhalten.
aria-abel ist nur für interaktive Elemente erlaubt, „normale“ Elemente sollten zusätzlich ein passendes role-Attribut erhalten.
Siehe auch
- WAI-ARIA
- Zeichencodierung/Emojis und Emoticons
zugängliche Emoticons - JavaScript/Tutorials/Spiele/Tic-Tac-Toe#HTML-Markup
- JavaScript/Tutorials/Web Animations
Steuerung mit Tastatur und Maus
Weblinks
- W3C: aria-label
- MDN: aria-label
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