Dieser Blogartikel wirft einen Blick auf Überschriften in HTML. Warum sollten sie korrekt ausgezeichnet werden, wie geht das und welche Auswirkungen haben sie auf Nutzende von Hilfstechnologien?

Struktur

Blinde Menschen nutzen die Überschriften eines Dokuments als eine Art Inhaltsverzeichnis. Wie im Screencast am Ende des Artikels zu sehen ist, lässt sich eine Liste von Überschriften nebst ihrer entsprechenden Überschriftenebene einblenden. Richtig eingesetzt lässt sich so eine inhaltliche Gliederung bereits erkennen.

Überschriften in Artikeln

Es gibt die Überschriftenebenen nummeriert von eins bis sechs, wobei die Zahl die Hierarchieebene angibt. So ist die Überschriftenebene eins zu verwenden, um den Hauptinhalt kenntlich zu machen. Als Beispiel dient auf dieser Seite die Hauptüberschrift des Artikels. Die nächste Überschriftenebene sollte eine der zweiten Ebene sein. Hier ist ein logischer Aufbau zur Vermittlung von Beziehungen zwischen Inhalten essentiell. Welche Ebene die nächste Überschrift haben soll, ergibt sich aus dem Inhalt. Wird der Inhalt, der mit der Überschrift der Ebene zwei eingeleitet wird weiter untergliedert, so ist eine Überschrift der Ebene drei zu verwenden. Handelt es sich aber um einen neuen Punkt, der inhaltlich nicht als Unterpunkt zu sehen ist, dann ist erneut die Überschrift der Ebene zwei zu verwenden.

Ein Screenshot vom Überschriftenmenü in JAWS

Überschriften außerhalb von Artikeln

Außerhalb von Artikeln gibt es keine so klaren Regeln. Mit “außerhalb von Artikeln” ist alles gemeint, das nicht dem Hauptinhalt zugeschrieben werden kann. Beispielsweise eine Newsletteranmeldung, eine Liste der neuesten Artikel etc.

In der Praxis wird für diese Seitenbereiche die Überschrift der Ebene zwei häufig verwendet. Ein interessanterer Ansatz, den ich beim Recherchieren für diesen Artikel gelesen habe ist, dass dafür die Überschrift der Ebene sechs verwendet werden sollte. Die Begründung hierfür ist, dass diese Überschriftenebene in der Regel nicht oder zumindest sehr selten in Artikeln vorzufinden sein dürfte. So gäbe es eine klare Abgrenzung zwischen der inhaltlichen und der strukturellen Ebene.

Was jetzt wo?

Angenommen die Überschriftenebenen eins bis vier werden in der Regel für die inhaltliche Gliederung verwendet. Und die Überschriften der Ebene sechs werden für Strukturelemente auf der Seite verwendet, dann ist Nutzenden von Screenreadern klar, dass und wie sie direkt zum Hauptinhalt der Seite springen können. Aber auch, wie sie zu Strukturelementen gelangen.

Wie wichtig ist das?

In der, zum Veröffentlichungszeitpunkt des Artikels, aktuellsten Version der “Screen Reader User Survey” von WebAIM gaben 86,1 Prozent der Teilnehmenden an, dass eine gute Überschriftenstruktur für sie wichtig sei. 68,8 % gaben an, dass sie Informationen Mittels der Überschriftenstruktur auffinden.

Anhand dieser Zahlen lässt sich die Wichtigkeit einer schlüssigen Überschriftenstruktur deutlich ablesen und es zeigt sich, dass sie ein absolutes Must-have ist.

Sonderfall Rubrum

Eine Besonderheit ist die im Journalismus häufige Rubrikenüberschrift vor der eigentlichen Überschrift, auch Rubrum genannt. Sie gehört eigentlich nicht zur Überschrift, liefert aber oft den notwendigen Kontext.

Hier scheint es aus Nutzer*innensicht so, dass es keinen einheitlichen Umgang gibt, auf den man sich einigen konnte. Somit ist nicht initial klar, welche Überschriften mit welchem Text in welchem Zusammenhang stehen.

Theoretisch gäbe es die Möglichkeit, alle Informationen in einer Überschrift zusammenzufassen und diese einfach unterschiedlich aussehen zu lassen. Bei dieser Möglichkeit erhält man zwar sämtliche Informationen, allerdings geht die Synchronizität des Aufbaus der Seite im Vergleich mit sehenden Nutzer*innen verloren. Außerdem wird den Nutzenden die Wahl abgenommen, ob die Rubrik, in der ein Artikel veröffentlicht wurde, wichtig ist.

Die best mögliche Auszeichnung des Rubrum ist eine Überschriftenebene dafür zu nutzen. Beispielsweise in der Artikelübersicht die Artikelüberschriften als Überschriften der Ebene drei und die Rubrum als Überschrift der Ebene vier auszuzeichnen. Damit obliegt es den Nutzenden, ob und zu welchem Zeitpunkt diese Informationen wahrgenommen werden. Ebenfalls ist so ein schnelles Nachschlagen möglich, wenn schnell herausgefunden werden soll, um welche Rubrik es sich bei einem Artikel handelt.

Zusammengefasst

Die Praxis

In folgendem Screencast ist zu sehen, wie sich eine Überschriftenstruktur auswirkt.

Noch Fragen?

Bei Interesse oder Fragen rufen Sie mich gerne unter 030 280400 an.

Interessante Artikel zum Weiterlesen