HTML/Attribute/aria-label

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Das aria-label-Attribut beschreibt das aktuelle Element mit einer Zeichenkette.
(Siehe auch aria-labelledby)
aria-label ist nur für interaktive Elemente erlaubt, „normale“ Elemente sollten zusätzlich ein passendes role-Attribut erhalte

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.
Ein Nachteil von aria-label-Attributen ist, dass der Inhalt nicht automatisch übersetzt wird.[1]

Siehe auch

Weblinks

  1. ↑ aria-label Does Not Translate (Adrian Roselli)
Liste der HTML-Attribute

Abgerufen am 22.11.2025
von "http://wiki.selfhtml.org/wiki/HTML/Attribute/aria-label"