empty-heading · WCAG 1.3.1 Info and Relationships · Stufe AWie Sie das „empty-heading“-Problem beheben
Die axe-core-Regel empty-heading schlägt fehl, wenn ein Überschriftenelement (<h1>–<h6>) keinen zugänglichen Text enthält. Es erscheint trotzdem in der Überschriftenliste des Screenreaders — als leerer Eintrag, der die Navigation stört. Bezug: WCAG 2.2 1.3.1 (Stufe A).
Was axe-core prüft
axe-core meldet eine Überschrift mit nach dem Trimmen leerem Text, ohne aria-label und ohne beschriftetes Bild darin.
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
Leere Überschriften entstehen meist durch Überschriften-Tags als Abstandshalter oder durch CMS-Wrapper ohne Inhalt. Sie verschmutzen die Gliederung, auf die Screenreader-Nutzer angewiesen sind.
Häufige Ursachen
- Überschriften-Tags nur für Abstand oder Icons
- Eine Überschrift um ein Bild mit leerem Alt
- CMS-Module mit leerem
<h2></h2> - Text entfernt, das Überschriften-Tag aber belassen
Wie Sie es beheben
Setzen Sie echten Text in die Überschrift, oder nutzen Sie ein Nicht-Überschriften-Element. Beschriftet sie ein Bild, geben Sie dem Bild Alt-Text.
<!-- Fehler -->
<h2></h2>
<!-- Besteht -->
<h2>Kundenbewertungen</h2>Verwandte Prüfungen
FAQ
Ja, wenn dieses Bild Alt-Text hat, der zum zugänglichen Namen der Überschrift wird.
Nutzen Sie ein <div> oder CSS-margin. Niemals eine leere Überschrift als Layout-Abstand.
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 €.