So funktioniert der Screen Reader im Barrierefreiheits-Widget

Screen Reader

Die Funktion Screen Reader im Barrierefreiheits-Widget gibt Besuchern gesprochene Rückmeldung, während sie Ihren Shop erkunden. Ist sie aktiviert, liest der Browser Informationen zu dem Inhalt oder Bedienelement vor, das der Besucher auswählt, und zwar in der im Barrierefreiheits-Menü eingestellten Sprache. Die Funktion ist als Vorlesehilfe für Besucher gedacht, denen gesprochene Inhalte helfen. Sie ersetzt keine vollwertigen Hilfstechnologien wie NVDA, JAWS oder VoiceOver.

Überblick

Den Screen Reader aktivieren

Besucher schalten den Screen Reader auf zwei Wegen ein:

1. Über das Barrierefreiheits-Menü — Menü öffnen und die Option Screen Reader aktivieren.
2. Über das Profil "Blind" — Die Auswahl des Profils Blind aktiviert den Screen Reader und die zugehörigen Einstellungen automatisch.

Beim Aktivieren hört der Besucher eine kurze Bestätigung (zum Beispiel "Screen reader enabled"). Beim Deaktivieren erfolgt eine entsprechende Ansage.
Die Einstellung wird im Browser des Besuchers gespeichert und bleibt bei späteren Besuchen aktiv, sofern er die Website-Daten nicht löscht oder die Funktion ausschaltet.

So nutzen Besucher die Funktion

Nach dem Aktivieren klicken Besucher auf ein beliebiges Element der Seite, im Shop, in Formularen, in der Navigation oder auf Bedienelemente im Barrierefreiheits-Menü selbst. Das Werkzeug erkennt das betreffende Element und liest eine gesprochene Beschreibung vor.

Während der Ausgabe wird das zugehörige Element optisch hervorgehoben (üblicherweise mit gelbem Hintergrund), sodass der Besucher sieht, welches Element gerade beschrieben wird.

Bei bestimmten interaktiven Elementen wie Schaltflächen, Links und Textfeldern erklingt unmittelbar vor der gesprochenen Beschreibung ein kurzer Signalton, der anzeigt, dass ein bedienbares Element ausgewählt wurde.

Was vorgelesen wird

Der Screen Reader liefert kontextbezogene Beschreibungen, nicht nur den reinen Text. Je nach Element hören Besucher:

• Schaltflächen und Links — sichtbare Beschriftung und Elementtyp (zum Beispiel "In den Warenkorb, Schaltfläche" oder "Versandrichtlinie, Link")
• Überschriften — den Text und den Hinweis, dass es sich um eine Überschrift handelt
• Kontrollkästchen und Schalter — Beschriftung und Zustand (etwa aktiviert oder nicht aktiviert)
• Aufklappmenüs — Feldbeschriftung und ausgewählter Wert
• Schieberegler und Bereichsregler — Beschriftung und aktueller Wert
• Textfelder — Zeichen oder Wörter während der Eingabe sowie einen Hinweis, wenn ein Feld leer ist

Elemente, die rein dekorativ sind, vor Hilfstechnologien verborgen werden oder keine aussagekräftige Beschriftung haben, werden in der Regel nicht angesagt, um unnötige oder verwirrende Ausgaben zu vermeiden.
Die Bedienelemente im Barrierefreiheits-Menü verwenden eigene gesprochene Bezeichnungen, damit Symbole und kompakte Layouts klar beschrieben werden (etwa "Kontrast, dunkel" statt nur eines Symbols).

Sprachunterstützung

Die gesprochene Ausgabe folgt der im Barrierefreiheits-Menü gewählten Sprache. Wechselt der Besucher die Menüsprache, erfolgen die weiteren Ausgaben einschließlich der Bestätigungen beim Ein- und Ausschalten in dieser Sprache, soweit im Browser passende Stimmen verfügbar sind. Formulierungen zu Rolle und Zustand (etwa "Schaltfläche", "aktiviert" oder "ausgeklappt") lassen sich über die Textkonfiguration Ihres Widgets anpassen (clickToReadSpeech).

Weiteres Verhalten

Eingabe in Formularfeldern
Tippt ein Besucher in ein unterstütztes Textfeld, kann der Screen Reader die eingefügten Zeichen oder Wörter ansagen. Wird das Feld geleert, hört der Besucher unter Umständen den Hinweis "leer".

Rückkehr zur Seite
Wechselt der Besucher zu einem anderen Browser-Tab oder einer anderen Anwendung und kehrt zurück, kann der Screen Reader das aktuell fokussierte Element erneut ansagen.

Die Funktion ausschalten
Das Deaktivieren im Menü beendet das Vorlesen, entfernt die Hervorhebung und gibt eine Bestätigung aus. Die Einstellung wird entsprechend gespeichert.

Einsatzzweck und Grenzen

Der Screen Reader eignet sich gut für Besucher, die:

• auditive Rückmeldung beim Surfen bevorzugen oder benötigen
• von gesprochenen Beschriftungen für Schaltflächen, Links und Formularelemente profitieren
• die Vorlesefunktion des Barrierefreiheits-Menüs nutzen möchten, ohne zusätzliche Hilfssoftware zu installieren

Der Screen Reader ist nicht dafür gedacht:

• einen vollwertigen Screenreader für Desktop oder Mobilgeräte für die umfassende Navigation zu ersetzen
• vollständige Langtexte ohne Interaktion vorzulesen (Beschreibungen werden vor allem durch Klick und Fokus ausgelöst)
• in jedem Browser und mit jeder Sprachausgabe identisch zu funktionieren (die Ausgabe hängt vom Browser und den verfügbaren Systemstimmen ab)

Wir empfehlen, den Screen Reader in Ihrem Shop entlang der häufigsten Kundenwege zu testen, also Produktseiten, Warenkorb, Checkout und Kontobereich, um sicherzustellen, dass zentrale Bedienelemente klare sichtbare Beschriftungen haben und die gesprochenen Beschreibungen Ihren Erwartungen entsprechen.

Zusammenfassung

Der Screen Reader gibt Besuchern gesprochene Rückmeldung zu den Inhalten und Bedienelementen, die sie auf Ihrer Website auswählen. Er hebt das aktive Element während der Ausgabe hervor, folgt der Sprache des Barrierefreiheits-Menüs und merkt sich die Einstellung jedes Besuchers. Aktivieren lässt er sich über die Option Screen Reader oder über das Profil Blind im Barrierefreiheits-Menü von Pandectes.

Aktualisiert am: 22/09/2026