Was bewirken verschiedene Anweisungen zum Verbergen von Elementen?

aria-hidden=true

Der Text ist am Bildschirm ganz normal zu lesen.

Der Screenreader ignoriert den Abschnitt völlig.

display none

Der Abschnitt wird am Bildschirm nicht angezeigt.

Der Screenreader ignoriert den Abschnitt völlig.

visibility: hidden

Der Abschnitt wird am Bildschirm nicht angezeigt. Allerdings bleibt dort, wo der Text ausgeblendet wird, ein weißer Fleck.

Der Screenreader ignoriert den Abschnitt völlig.

HTML5 hidden

Der Abschnitt wird am Bildschirm nicht angezeigt.

Der Screenreader ignoriert den Abschnitt völlig.

position: absolute; left: -100em;

Ich bin ein Text im Bereich, der mit CSS für den Bildschirm verborgen ist.

Der Abschnitt wird am Bildschirm nicht angezeigt.

Der Screenreader hingegen liest den Text ganz normal.

Auswertung

Artikel zu HTML5 auf zweiterblick.at