@@molily:

nuqneH

Es gibt noch andere Methoden, die weniger JavaScript erfordern, nämlich das Umschalten einer Klasse mit JavaScript. Das Zeigen und Verstecken der Element wird dann über CSS-Regeln umgesetzt, die greifen, wenn die Klasse gesetzt ist oder nicht.

Ja, das hab ich früher[tm] auch gesagt. Aber kann man das wirklich empfehlen? Wie bekommen AT-Nutzer angezeigt (angesagt), dass anderer Inhalt „sichtbar“ wird?

Best practice dürfte sein, für initial nicht sichtbare Elemente das hidden-Attribut ins HTML zu schreiben. Per JavaScript entfernt man dies, wenn das Element sichtbar werden soll, und setzt hidden für Elemente, die nicht länger sichtbar sein sollen. (Das ist die empfohlene Verfahrensweise gegenüber aria-hidden.)

Für ältere Browser, die hidden nicht nativ unterstützen, kann man bei Bedarf sowas wie
[hidden] { display: none !important }
bzw.
[hidden] { visibility: hidden !important }
ins Stylesheet schreiben.

Qapla'