Zweiter Blick: Dekorative Diashow Testdatei

BarrierefreiheitDarstellungsoptionen



Testdatei: Dekorative Diashow für Screen Reader optimieren (für den IMG-Bereich links)

Screen Reader Info: Beispiel für eine rein dekorative Diashow



Screen Reader Info: Beispiel für eine rein dekorative Diashow

Erläuterungen

Diese Testdatei dient dazu, textuelle Alternativen für eine rein dekorative Diashow technisch zu prüfen. Die eigentliche Diashow wird für den Screen Reader versteckt .

Da diese Diashow als rein dekorativer Slider fungieren soll, erscheinen mir folgende zwei Überlegungen zweckmäßig:

  • Der Slider wird für den Screen Reader mittels aria-hidden="true" gänzlich verborgen.
  • Das Vorhandensein eines Sliders sollte jedoch auch für den Screen Reader wahrnehmbar sein.
Symbolgrafik Besprechung

Erfahrungsberichte (gleichzeitig Vergleichsbereich für die Darstellung)

Ein erläuternder Text im DIV des Slider mittels aria-label hat mit IE 11 und JAWS 17 nicht funktioniert. Ich habe den erläuternden Text für den verborgenen Slider daher mit der Klasse sr-only für Infos an den Screen Reader verborgen.