HTML/Attribute/aria-describedby

Das aria-describedby-Attribut bezeichnet ein oder mehrere Elemente, die eine Beschreibung liefern.

erlaubte Werte	leerzeichenseparierte Liste von id(s)
default-Wert	-
erlaubt in	allen Elementen

Beispiel

<div class="tic-tac-toe" aria-describedby="hint">
	<p id="hint">Zum Spielen bitte abwechselnd in die Spielfelder klicken/tappen!</p>

Das aria-describedby-Attribut des div verweist auf einen Absatz mit weiteren Hinweisen. Während aria-labelledby die IDs der Bezeichnungen oder Elemente auflistet, die das Wesen eines Objekts beschreiben, listet aria-describedby die IDs der Beschreibungen oder Elemente auf, die weitere Informationen liefern, die der Benutzer möglicherweise benötigt.
Sowohl aria-labelledby als auch aria-describedby verweisen auf andere Elemente, um eine Textalternative zu berechnen, aber eine Beschriftung sollte prägnant sein, während eine Beschreibung ausführlichere Informationen liefern soll.

Beachten Sie: aria-describedby funktioniert nicht in VoiceOver / Safari 17.5, wenn ein Bindestrich (-) im ID-Namen enthalten ist. Besser ist CamelCase: aria-describedby="nameError"

Siehe auch

• WAI-ARIA
• aria-details
• aria-labelledby
• JavaScript Spiele/Tic-Tac-Toe
• SVG/Tutorials/Einstieg/barrierefreie SVGs
  Metadaten in SVG

Weblinks

• W3C: aria-describedby
• MDN: aria-describedby

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