Barrierefreiheit

Überschriftenebenen springen

Üblicher Schweregrad: niedrig · Aufwand: gering

Woran du es erkennst

Die Seite springt von einer Hauptüberschrift direkt auf die vierte Ebene, oder die Ebene wird nach optischer Größe gewählt statt nach Gliederung.

Warum es zählt

Screenreader-Nutzer springen häufig von Überschrift zu Überschrift, um sich die Seite zu erschließen. Eine gebrochene Hierarchie macht diese Karte irreführend — und geht meist mit einer auch optisch verwirrenden Gliederung einher.

So behebst du es

  1. Baue die Ebenen der Reihe nach auf und überspringe keine, nur um eine bestimmte Schriftgröße zu erreichen.
  2. Verwende genau eine Hauptüberschrift je Seite und steuere die Größe über CSS, nicht über die Ebene.
  3. Ordne Abschnitte um, in denen die Ebene rein gestalterisch gewählt wurde, und trenne Größe von Bedeutung über Klassen.
  4. Prüfe das Ergebnis, indem du die Gliederung der Seite ausgeben lässt — sie sollte sich wie ein sinnvolles Inhaltsverzeichnis lesen.

Zum Nachlesen