HTML/Attribute/aria-details

Das aria-details-Attribut identifiziert ein oder mehrere Elemente, die zusätzliche Informationen zu dem Objekt liefern.

erlaubte Werte	leerzeichenseparierte Liste von id(s)
default-Wert	undefined
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<p>Die funktionale Notation cubic-bezier() definiert eine kubische 
  <span role="term" aria-details="bezier bezImg">Bézierkurve</span>. Da diese Kurven kontinuierlich sind, werden sie oft verwendet, um den Anfang und das Ende der Kurve zu glätten, und werden daher manchmal auch als Lockerungsfunktionen bezeichnet. 
</p>

<p role="definition" id="bezier">Eine <strong>Bézierkurve</strong>, ( \ ˈbe-zē-ˌā \) <i aria-description="English pronunciation">BEH-zee-ay</i>) ist eine mathematisch beschriebene Kurve, die in der Computergrafik und Animation verwendet wird. 
Die Kurve wird definiert durch eine Reihe von Kontrollpunkten mit einem Minimum von zwei. Webbezogene Grafiken
 und Animationen verwenden kubische Béziers, d. h. Kurven mit vier Kontrollpunkten
 P<sub>0</sub>, P<sub>1</sub>, P<sub>2</sub>, und P<sub>3</sub>.
</p>

<a href="bezierExplanation.html" id="bezImg"
  aria-label="Erläuterung der Bézier-Kurve in den CSS-easing-Funktionen">
  <img alt="Animierte Bézierkurve mit 4 Kontrollpunkten." src="bezier.gif">
</a>

Der Fachbegriff wird mit role="term" als solcher gekennzeichnet und mit aria-details durch einen Absatz und ein Bild näher erklärt.

Siehe auch

• WAI-ARIA

Weblinks

• W3C: aria-details
• MDN: aria-details

{{{{{Inhaltsverzeichnis}}}}}