HTML und CSS · Middle · Frage 70 von 75
Wie bringt man einen Screenreader dazu, nach einer asynchronen Aktion „Saved“ anzusagen, ohne den Fokus zu verschieben?
<div aria-live="polite">{{ statusMessage }}</div>- 1Mit einem nativen
alert()mit der Nachricht - 2Mit
tabindex="0"am Nachrichtenelement - 3Mit einer Live Region, die schon vorher existiert
Antwort zeigen
Richtige Antwort: Mit einer Live Region, die schon vorher existiert
Erklärung
Screenreader beobachten Live Regions auf Änderungen. Die Region muss schon im DOM sein; fügt man sie zusammen mit dem Text ein, wird das oft verpasst. assertive nutzt man nur für dringende Fehler.