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.
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!?!
Siehe für die Erstellung von unsichtbaren Texten oder Links meinen Blog-Beitrag zu Unsichtbare Texte NICHT mit "display:none" oder "visibility:hidden" auszeichnen. Wie du unsichtbare Überschriften benennen und strukturieren könntest, beschreibt der Blog-Beitrag von Markus Riesch über Websites mit Überschriften strukturieren.
supi danke!