heading-order · WCAG 1.3.1 Info and Relationships · Stufe AWie Sie das „heading-order“-Problem beheben
Die axe-core-Regel heading-order meldet Überschriften, die Ebenen überspringen — z. B. ein <h2> direkt gefolgt von <h4>. Screenreader-Nutzer navigieren nach Ebene, eine kaputte Gliederung bricht die Navigation. Bezug: WCAG 2.2 1.3.1 (Stufe A).
Was axe-core prüft
axe-core meldet, wenn eine Ebene mehr als einen Schritt unter der vorigen liegt (z. B. h2 → h4). Überschriften sollten Ebene für Ebene absteigen.
Welcher Norm das entspricht
| WCAG 2.2 | 1.3.1 Info and Relationships (Stufe A) |
| EN 301 549 | 9.1.3.1 |
| BFSG / EAA | BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I |
| Kategorie | Struktur & Landmarks |
Warum es zählt
Die Überschriftenebene ist der Hauptweg, wie Screenreader-Nutzer eine Seite überfliegen. Auf einer langen Produkt- oder Kategorieseite verhindert eine zerwürfelte Gliederung das mentale Inhaltsbild — ein Strukturfehler, auf den Prüfer achten.
Häufige Ursachen
- Ebenen nach optischer Größe statt nach Struktur wählen
- Ein Bauteil springt von
<h2>direkt auf<h4> - Mehrere
<h1>-Elemente - CMS-Widgets mit fester Ebene unabhängig vom Kontext
Wie Sie es beheben
Nutzen Sie Ebenen für die Struktur, nicht das Styling. Steigen Sie eine Ebene pro Schritt ab und gestalten Sie mit CSS. Ein <h1> pro Seite.
<!-- Fehler: überspringt h3 -->
<h2>Daten</h2>
<h4>Gewicht</h4>
<!-- Besteht -->
<h2>Daten</h2>
<h3>Gewicht</h3>Verwandte Prüfungen
FAQ
Ja — nach einem h3 dürfen Sie für den nächsten Abschnitt zu h2 zurück. Die Regel meldet nur das Überspringen nach unten.
WCAG erlaubt es, aber ein einzelnes h1 ist das klarste und meistempfohlene Muster.
Finden Sie jeden solchen Fehler auf Ihrer Seite
Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.