Barrierefreiheit

Leere Überschriften

Üblicher Schweregrad: niedrig · Aufwand: minimal

Woran du es erkennst

Überschriften-Elemente (h1–h6) enthalten keinen Text (axe-Regel empty-heading) — oft Layout-Reste oder per CSS versteckte Platzhalter.

Warum es zählt

Screenreader-Nutzer navigieren mit Überschriften wie mit einem Inhaltsverzeichnis: Leere Einträge erzeugen Stolpersteine („Überschrift, Ebene 2" — ohne Inhalt), verwässern die Seitenstruktur und erschweren das Verständnis, was die Seite bietet.

So behebst du es

  1. Entferne leere Überschriften-Elemente komplett oder ersetze sie durch das semantisch passende Element (<p>, <div>).
  2. Wenn die Überschrift dynamisch befüllt wird, stelle sicher, dass sie erst gerendert wird, wenn der Inhalt da ist — ein leeres <h2> während des Ladens bleibt oft stehen.
  3. Nutze Überschriften nur für echte Struktur, nicht als Styling-Abkürzung für große Schrift.

Zum Nachlesen