HTML/Attribute/aria-live

Das aria-live-Attribut zeigt an, dass ein Element aktualisiert wird, und beschreibt, wann die Aktualisierung von Screenreadern angesagt wird.

erlaubte Werte	assertive: Gibt an, dass Aktualisierungen der Region höchste Priorität haben und dem Benutzer sofort angezeigt werden sollen. off (Standard) Gibt an, dass Aktualisierungen des Bereichs dem Benutzer nur dann angezeigt werden sollen, wenn der Benutzer gerade auf diesen Bereich fokussiert ist. polite: Gibt an, dass Aktualisierungen des Bereichs bei der nächsten günstigen Gelegenheit angezeigt werden sollen, z. B. am Ende des aktuellen Satzes oder wenn der Benutzer beim Tippen eine Pause macht.
default-Wert	off
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<p>verbleibende Zeit: <output id="clock" aria-live="assertive"></output></p>

<fieldset aria-controls="alerts">
	<legend>Gleich gibt's ne Pause …</legend>
	...
	<button id="set">Start!</button> 
	<button id="stop">Stop!</button>
</fieldset>

<p role="alert" id="alert" aria-live="polite">relax</p>

Beachten Sie: Da eine Unterbrechung die Benutzer verwirren oder dazu bringen kann, ihre aktuelle Aufgabe nicht zu Ende zu führen, sollte man assertive nur dann verwenden, wenn die Unterbrechung zwingend erforderlich ist.

Siehe auch

• WAI-ARIA
  • Countdown-Timer

Weblinks

• W3C: aria-live
• MDN: aria-live

{{{{{Inhaltsverzeichnis}}}}}