Die Bedeutung der Überschriftenauszeichnung im Web

Oft liest man in Richtlinien für barrierefreie Webseiten auch den Hinweis, dass man Überschriften auch als solche auszeichnen und die Überschriftenhierarchie einhalten soll. Nicht ohne Grund. Denn nur ein schön gegliedertes Dokument ist auch angenehm zum Lesen aber auch zum Betrachten. Aber da ich eben als Blinder mit den Ohren und Händen sehe, ist es für mich um so wichtiger, wenn eine Internetseite schön ordentlich mit Überschriften versehen ist. Denn stellen Sie sich mal vor, Sie hätten lediglich Fliesstext, überall wäre die selbe Schriftgrösse, Schriftfarbe und Schriftart. Das wäre doch alles andere als angenehm, oder etwa nicht?
Person zeichnet strukturierte Skizze

Genau so ergeht es mir auf manchen Webseiten, wenn ich mit meiner Braillezeile oder Sprachausgabe versuche eine Webseite zu erfassen. Suchmaschinen teilen das selbe Leid wie ich. Denn auch sie achten auf solche Strukturelemente. Das zusätzlich erschwerende dabei ist, dass ich auf meiner portablen Braillezeile auf einer Linie lediglich 40 Zeichen auf einmal anzeigen kann. So kann ich mir auch kein Gesamtbild der aktuellen Webseite machen, so, wie Sie es sich sicherlich gewohnt sind.

Mein Screenreader bietet unzählige Funktionen an, mit welchen das Surfen im Internet wesentlich vereinfacht wird. Doch ein Screenreader alleine genügt nicht. Auch Webseiten müssen entsprechend programmiert sein. Werden HTML-Attribute für die Überschriftenhierarchien (h1 bis h6) verwendet, so kann ich mit einer Tastenkombination sämtliche Überschriften auflisten, auswählen und mit der Eingabetaste direkt in diesen Bereich springen oder ich kann von Überschrift zu Überschrift navigieren. Zudem wird in der Liste die Hierarchiestufe angezeigt und vorgelesen. Somit weiss ich immer genau, wie tief ich mich in der Überschriftenhierarchie befinde. Daher sollten Sie keinesfalls eine Überschriftenhierarchie überspringen. Also: Nach Überschrift 1 kommt Überschrift 2, Überschrift 3, usw. Oft stelle ich fest, dass es beliebt ist, manchmal die eine Überschriftenhierarchie zu überspringen. Ich nehme an, dass dies mit der Schriftgrösse zu tun hat. Aber auch hier lässt CSS grüssen. Es wäre ja möglich jeder Überschriftenhierarchie eine Grösse zuzuordnen.

Eine Webseite mit Überschriftauszeichnungen dient für mich auch als eine Art Zusammenfassung des aktuellen Seiteninhaltes.

4 Kommentare zu “Die Bedeutung der Überschriftenauszeichnung im Web

  1. da hätte ich gleich mal ne Frage: wie sieht es mit versteckten H1 Überschriften aus die zur Einteilung der Seite genutzt werden: z.B. Inhalt, Navigation, Servicenavigation und dann erst die Überschriftenstruktur. Hilft dir das noch mehr?

    aja und ist es wirklich problematische diese h1 dann mit display: none zu verstecken, sollte sie besser per «position: absolute» aus dem Bild gesetzt werden!?!

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verarbeitet werden .