molily: Div container gegen anderen Tauschen

Beitrag lesen

Hallo!

Wie bekommen AT-Nutzer angezeigt (angesagt), dass anderer Inhalt „sichtbar“ wird?

Ohne Optimierungen bekommen sie es nicht mit. Es gibt hier verschiedene Ansätze.

Meistens ist es nicht nötig, dass nur ein Teilinhalt gleichzeitig existiert, man macht es nur aus gestalterischen Gründen und aus Gründen der Übersicht. Bei Akkordeon- und Aufklappnavigation z.B. lassen sich die Inhalte daher sauber auszeichnen und barrierefrei verstecken, sodass Screenreader die Inhalte nacheinander normal vorlesen.

Wenn es nötig ist, Inhalte tatsächlich zu verstecken und erst nach einer Interaktion sichtbar zu machen, dann sollte per JavaScript der Fokus auf den neuen, eingeblendeten Inhalt gesetzt werden. Das geht mit tabindex="0" und der focus-Methode von Elementobjekten.

Falls das Fokussieren eines bestimmten Elements nicht möglich ist, weil die Aktualisierung im Hintergrund erfolgt oder mehrere Elemente aktualisiert wurden, können ARIA Live-Regions verwendet werden. Dann bekommen Screenreader-Nutzer eine Ansage, dass sich das Element geändert hat.

Mathias