HTML/Attribute/aria-labelledby

Das aria-labelledby-Attribut verweist auf ein Element mit einer näheren Beschreibung.

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

Beispiel

<div id="controls">
  <button id="back" aria-labelledby="run animation backwards">
    ◀◀
  </button>
  <button id="play" aria-labelledby="play/pause animation">
    <span class="playing">❙❙</span>
    <span class="pausing">►</span>
  </button>
  <button id="forward" aria-labelledby="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
• JavaScript/Tutorials/Web Animations
  Steuerung mit Tastatur und Maus

Weblinks

• W3C: aria-labelledby
• MDN: aria-labelledby

{{{{{Inhaltsverzeichnis}}}}}