HTML/Attribute/aria-label

Das aria-label-Attribut beschreibt das aktuelle Element mit einer Zeichenkette. (Siehe auch aria-labelledby).

erlaubte Werte	Zeichenkette
default-Wert
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

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.

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

{{{{{Inhaltsverzeichnis}}}}}