Display:none und die Screenreader

Roger Johansson beschäftigt sich mit dem Thema, warum die CSS-Angabe display:none in manchen Screenreadern nicht dazu führt, dass die so ausgezeichneten Inhalte unterdrückt werden. Eine detaillierte Beschreibung dieses Verhaltens findet sich hier.

Beide empfehlen einen Workaround der Marke “doppelt genäht hält besser”:

1. .hidden {
2. display:none;
3. visibility:hidden;
4. }