Mit Bildschirmleseprogrammen durch Überschriften navigieren

Blinde Menschen können Webseiten nicht so gut verstehen wie Menschen, die sehen können. Visuelle Benutzer können das Seitenlayout sehen und verstehen, ohne den Text lesen zu müssen. Blinde Nutzer haben diesen Vorteil nicht. Screenreader lesen die Webseite Zeile für Zeile. Sie hören sich die gesamte Webseite an, es sei denn, es gibt eine andere Möglichkeit, um zu verstehen, wie die Seite aufgebaut ist. Überschriften sind eine Möglichkeit, das Layout einer Webseite zu verstehen.

Benutzer von Screenreadern können mit Tastenkombinationen durch die Überschriften eines Dokuments navigieren. Die meisten Screenreader können folgende Aufgaben ausführen:

Methode 1: Liste alle Überschriften auf

Einige Screenreader zeigen dies in einer Baumansicht an. Andere, wie zum Beispiel VoiceOver, zeigen alle Überschriften in einer Liste mit der Nummer der Überschriftenebene an.

Bildschirmlesegerät & Browser	Befehl
JAWS mit Chrome, Firefox, IE	Insert + F6
NVDA mit Firefox, Chrome	Einfg + F7 (um die Elementliste zu öffnen), und wählen Sie dann Überschriften aus
VoiceOver mit Safari (iOS)	Nicht verfügbar
Talkback mit Firefox	Nicht verfügbar
VoiceOver mit Safari (macOS)	Strg + Alt + U (zum Öffnen des Rotors), dann mit den Pfeiltasten nach links/rechts Überschriften auswählen
Narrator mit Edge	Nicht verfügbar
Window-Eyes mit IE	Einfg + Tabulator (um die Elementliste zu öffnen), dann Alt + H, um Überschriften auszuwählen

Beispiel: Überschriftenliste in NVDA

Die Überschriften können nach einer bestimmten Reihenfolge sortiert werden. Benutzer können auch auswählen, welche Überschriften angezeigt werden sollen. Benutzer von Screenreadern können schnell die Überschriften durchgehen und verstehen dann, wo sie sich befinden. Aber nur, wenn eine Webseite echte Überschriften hat und diese einen guten Überblick über den Inhalt geben, kann man sie schnell verstehen.

Beispiel: Überschriftenliste in JAWS

NVDA zeigt die Überschriften in einer Baumansicht an. Die Zwischenüberschriften werden in einer Liste unter der jeweiligen Überschrift angezeigt. Sie können die Listen verkleinern oder erweitern, indem Sie die Pfeiltaste nach links oder rechts drücken, wenn eine Überschrift markiert ist, oder auf das Minus- oder Pluszeichen neben einer Überschrift klicken.

Man kann die Liste so filtern, dass nur die Überschriften angezeigt werden, die die Textzeichenfolge enthalten, die man in das Textfeld “Filtern nach:” eingibt.

Methode 2: Navigieren Sie von einer Überschrift zur nächsten.

Bildschirmlesegerät & Browser	Befehl
JAWS mit Chrome, Firefox, IE	H
NVDA mit Firefox, Chrome	H
VoiceOver mit Safari (iOS)	Verwenden Sie den Rotor, um Überschriften auszuwählen (drehen Sie zwei Finger auf dem Bildschirm nach links oder rechts) und wischen Sie dann mit einem Finger nach unten
Talkback mit Firefox	Lokales Kontextmenü (wischen Sie nach oben, dann nach rechts), dann wählen Sie Überschriften aus
VoiceOver mit Safari (macOS)	Ctrl + Option + Cmd + H
Narrator mit Edge	H
Window-Eyes mit IE	H

Methode 3: Navigieren Sie zu Überschriften einer bestimmten Ebene (z. B. zu allen <h2> Überschriften)

Diese Methode ist nicht so bekannt, aber wenn Nutzer Überschriften nach Ebene untersuchen möchten, können sie das in einigen Screenreadern tun.

Bildschirmlesegerät & Browser	Befehl
JAWS mit Chrome, Firefox, IE	1 bis 6
NVDA mit Firefox, Chrome	1 bis 6
VoiceOver mit Safari (iOS)	Nicht verfügbar
Talkback mit Firefox	Nicht verfügbar
VoiceOver mit Safari (macOS)	Nicht verfügbar
Narrator mit Edge	Nicht verfügbar
Window-Eyes mit IE	1 bis 6 dann H