Überschriften
Symbolgrafik für Überschrift: Schriftzug H1 über Balken, die einen Absatz symbolisieren.

Überschriften und Assistierende Technologien

Am Bildschirm können Seitenbereiche und Seitenelemente spontan visuell wahrgenommen und übersprungen werden. Ein konzentrierter Blick auf Hervorhebungen genügt beim Scrollen.

Assistierende Technologien, wie Screen Reader, bieten Mechanismen zur Navigation zwischen Überschriften oder zum Filtern der Seitenstruktur aus technisch realisierten Überschriften. Diese Mechanismen erlauben auch ohne Sehvermögen einen Überblick über Seiteninhalte und ermöglichen ein diagonales Lesen.

Die Filterfunktionen können auch zur Prüfung der Überschriftenhierarchie und Formulierung von Überschriften eingesetzt werden.

Kurztasten zur Überschriftennavigation

Screen Reader stellen Mechanismen bereit, um Überschriften im Browser, Acrobat Reader und anderen Programmen rasch anzuspringen:

Gibt es nur eine Überschrift der Ebene 1, und zwar für die Hauptüberschrift des Inhaltsbereiches, kann auf diese Weise einfach durch Drücken von 1 der Hauptinhalt erreicht werden.

Unter JAWS können auch für Word diese Kurztasten verwendet werden. Der entsprechende Modus wird durch Aktivieren und Deaktivieren der Schnellnavigationstasten eingestellt (JAWS-Taste+Y).

Inhaltsverzeichnis mittels Screen Reader

Assistierende Technologien bieten Funktionalitäten zum Auflisten vorhandener Überschriften quasi als Linklisten in einem modalen Dialogfeld. Dies bringt folgende Vorteile:

Verständnis für die redaktionelle Strukturierung des Inhalts
Ich kann mir bestenfalls einen Überblick über eine Seite verschaffen.
Tastaturnavigation zu Inhalten und nicht nur Semantik
Durch Drücken eines Buchstabens erreiche ich das nächste Element in der Liste mit dem entsprechenden Anfangsbuchstaben und nicht nur irgendeine Überschrift oder Überschrift einer bestimmten Ebene.

Auf diese Weise kann ich in einem Wikipedia - Artikel über ein Land so oft die Taste G tippen, bis ich auf "Geschichte" gelandet bin und dann ENTER drücken um zum entsprechenden Inhalt zu gelangen.

Tastaturmechanismen für Überschriftenlisten (Auswahl)

Einige Screen Reader erlauben, aus den <h1> bis <h6>-Tags in einem Dialogfeld eine Liste der Überschriften zu generieren. Teilweise lässt sich einschränken, bis zu welcher Überschriftenebene solcherart ein Inhaltsverzeichnis erstellt wird.

Auflisten von Überschriften
Screen Reader Shortcut
JAWS JAWS-Taste + F6
NVDA NVDA-Taste + F6

Diese Verfahren geben Überschriften der gesamten Webseite aus und nicht nur welche für den Hauptinhalt. Enthalten Navigationsbereiche und Informationen im Kopfbereich oder anderen Seitenregionen, werden diese ebenfalls aufgelistet.

Mit diesen Verfahren werden nur die aktuell verfügbaren Überschriften aufgelistet. Überschriften innerhalb von Elementen, die ausgeklappt werden könnten, werden nicht berücksichtigt.

HeadingsMap (Add-On für Mozilla Firefox)

Die Browserextension HeadingsMap erlaubt die Darstellung der Überschriftenstruktur unter Mozilla Firefox). In einer Seitenleiste können damit die Überschriften und deren jeweilige Ebene eingeblendet werden.

Der jeweilige Seitenbereich kann durch Klicken auf die Überschrift in der Seitenleiste auch angesprungen werden. Das Tool kann daher also auch als verlinktes Inhaltsverzeichnis verwendet werden.

Das Add-On kann über folgende Seite installiert werden:

Leider scheint das AddOn den persönlichen Browsergebrauch neugierig zu beobachten.

Vorlesefunktionalitäten

Tools zum reinen Vorlesen von Webseiten liefern Zeile für Zeile ohne Angabe vorhandener Semantik eine lineare Wiedergabe der Informationen. Ihr großes Manko besteht also darin, dass sie kein diagonales Lesen erlauben. Solche Tools stellen daher keinen Ersatz für Screen Reader dar, die Navigationsmechanismen aus technisch verfügbaren Überschriften bieten.

Aus der Perspektive der WCAG sind solche Tools weder notwendig, noch hinreichend. Sie können jedoch aus der Perspektive der Nutzungsfreundlichkeit für bestimmte Inhalte beliebt und zweckmäßig sein.