Über­schriften barriere­frei: Struktur, die man hört

Überschriften sind für Menschen mit Screenreader das Inhaltsverzeichnis einer Seite. Mit einer einzigen Taste springen sie von Überschrift zu Überschrift und hören so in Sekunden, worum es geht. Das funktioniert aber nur, wenn die Überschriften im Code als echte Überschriften ausgezeichnet sind und nicht nur fett und groß aussehen.

Oft werden Überschriften nach Optik gewählt. Eine H4, weil sie die passende Größe hat, ein fetter Absatz, weil das Theme ihn schöner darstellt. Für sehende Besucher ist das kaum zu bemerken. Für den Screenreader entsteht dagegen eine Struktur mit Lücken und Sprüngen, die keinen Sinn ergibt, und Suchmaschinen verstehen den Aufbau ebenfalls schlechter.

Eine gute Struktur ist einfach. Jede Seite hat genau eine H1, die sagt, worum es geht. Darunter gliedern H2 die großen Abschnitte, H3 die Unterpunkte. Keine Ebene wird übersprungen, und jede Überschrift beschreibt in wenigen Worten, was folgt. Dazu kommen Landmarken wie Kopf, Navigation, Hauptinhalt und Fuß, die ebenfalls angesprungen werden können.