HTML und CSS · Senior · Frage 41 von 75
Welches Problem der Barrierefreiheit ist typisch für SPAs, wenn die „Seite“ auf dem Client wechselt?
- 1Screenreader können Inhalt, den JavaScript rendert, nicht lesen
- 2SPAs lassen sich wegen des Client-Routings gar nicht barrierefrei machen
- 3Screenreader erfahren nichts von der Navigation: Fokus und Titel ändern sich nicht
Antwort zeigen
Richtige Antwort: Screenreader erfahren nichts von der Navigation: Fokus und Titel ändern sich nicht
Erklärung
Bei vollständigem Neuladen sagt der Browser die neue Seite selbst an. SPAs bekommen das nicht, also muss man document.title aktualisieren, den Fokus auf die Überschrift oder main setzen oder die Änderung über eine Live Region ansagen. Der App Router von Next.js erledigt einen Teil davon (Route Announcer). Von JS gerenderten Inhalt lesen Screenreader problemlos.