User-Aid Logo
Zurück zur Übersicht

heading-order

Detailinformationen zur WCAG-Regel

Best PracticeMäßig

Stellen Sie sicher, dass die Reihenfolge der Überschriften semantisch korrekt ist

Überschriftenebenen sollten einer logischen, hierarchischen Reihenfolge folgen und keine Ebenen überspringen.

Warum ist das wichtig?

Screenreader-Benutzer navigieren oft nach Überschriften, um die Struktur einer Seite zu verstehen. Eine korrekte Überschriftenreihenfolge ermöglicht es ihnen, sich eine mentale Gliederung des Inhalts zu bilden. Übersprungene Überschriftenebenen können Verwirrung stiften und das Verständnis der Seitenstruktur erschweren.

Lösung

Strukturieren Sie Überschriften in einer absteigenden, hierarchischen Reihenfolge. Beginnen Sie mit einem `<h1>` für den Hauptseitentitel, gefolgt von `<h2>` für Hauptabschnitte, `<h3>` für Unterabschnitte usw. Überspringen Sie keine Ebenen (z. B. sollte auf ein `<h2>` kein `<h4>` folgen).

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.