Überschriften-Struktur prüfen
Eine klare Hierarchie von H1 bis H6 ist das Gerüst, an dem sich Screenreader-Nutzende durch deine Seite bewegen. Nach WCAG 2.1 AA gehört sie zur Pflicht. Hier erfährst du, warum die Struktur zählt, wie du übersprungene Ebenen und fehlende H1 findest, und wie du sie schnell behebst.
Was ist eine barrierefreie Überschriften-Struktur?
Überschriften (im Code die Tags H1 bis H6) gliedern eine Seite in eine Hierarchie: eine H1 als Titel, darunter H2 für die Hauptabschnitte, H3 für Unterpunkte und so weiter. Screenreader lesen diese Gliederung wie ein Inhaltsverzeichnis. Nutzende springen von Überschrift zu Überschrift, um eine Seite zu erfassen, statt sich alles vorlesen zu lassen.
Eine logische Überschriften-Struktur ist WCAG 2.1 Erfolgskriterium 1.3.1 „Info und Beziehungen“ (Level A) und damit Teil der BFSG-Anforderungen. Springt die Hierarchie, etwa von einer H2 direkt zu einer H4, oder fehlt die H1, verliert die Seite für Screenreader ihre Orientierung. Das gehört zu den häufigsten Struktur-Fehlern im Web.
Wie prüfe ich die Überschriften-Struktur meiner Website?
Verschaff dir zuerst einen Überblick über die Hierarchie, dann prüfe, ob sie logisch ist. Diese drei Wege ergänzen sich:
- 01
Struktur im Browser sichtbar machen
Mit den Entwicklertools oder einer Outline-Erweiterung (etwa HeadingsMap) zeigst du die Überschriften-Gliederung einer Seite als Baum an. Gut, um fehlende H1 oder Ebenen-Sprünge auf einen Blick zu erkennen, aber immer nur Seite für Seite.
- 02
Automatischer Scanner
Ein Tool prüft alle Seiten automatisch auf fehlende H1, übersprungene Ebenen und leere Überschriften. Schnell und vollständig über die ganze Website, ideal für die laufende Kontrolle nach jeder Änderung.
- 03
Screenreader-Test
Schalte einen Screenreader ein (etwa NVDA oder VoiceOver) und navigiere per Überschriften-Kurzbefehl durch die Seite. So hörst du, ob die Reihenfolge logisch ist und jede Überschrift ihren Abschnitt sinnvoll benennt.
Struktur über die ganze Website prüfen?
Fordere jetzt eine kostenlose Erstprüfung an. site-check scannt alle Seiten und meldet, wo Überschriften fehlen oder springen.
Was eine gute Überschriften-Struktur ausmacht
Vier Regeln, an denen sich eine saubere Überschriften-Hierarchie erkennen lässt:
Genau eine H1 pro Seite
Die H1 benennt das Hauptthema der Seite, wie eine Kapitelüberschrift. Pro Seite gehört genau eine H1, nicht keine und nicht mehrere.
Keine Ebene überspringen
Nach einer H2 folgt eine H3, nicht direkt eine H4. Übersprungene Ebenen brechen die logische Verschachtelung, an der sich Screenreader orientieren.
Überschriften beschreiben den Abschnitt
Jede Überschrift sagt konkret, was im folgenden Abschnitt steht. Leere oder rein dekorative Überschriften verwirren mehr, als sie helfen.
Nicht fürs Aussehen zweckentfremden
Überschriften-Tags sind für die Struktur da, nicht für große Schrift. Wer Text nur optisch hervorheben will, nutzt CSS, nicht ein zusätzliches Überschriften-Tag.
Überschriften-Struktur mit site-check prüfen
site-check scannt alle Seiten deiner Website und findet Struktur-Fehler automatisch: fehlende oder mehrfache H1, übersprungene Ebenen und leere Überschriften. Jeder Fund landet mit klarer Einordnung im Report nach WCAG 2.1 AA, samt der genauen Fundstelle im Quelltext.
Zu jedem Fund bekommst du eine Empfehlung, wie du ihn behebst. Wo sich ein Fehler eindeutig automatisch lösen lässt, schlägt site-check den Fix direkt vor, den du annehmen, anpassen oder verwerfen kannst. Die KI liefert die Idee, die Kontrolle bleibt bei dir. Gehostet in der EU, Daten DSGVO-konform verarbeitet.
Struktur-Fehler automatisch finden
Melde dich bei uns, wir prüfen die Überschriften deiner Website und schicken dir den Report mit den konkreten Fundstellen.
Häufige Fragen zur Überschriften-Struktur
Wie prüfe ich die Überschriften-Struktur meiner Website?
Verschaff dir mit den Browser-Entwicklertools oder einer Outline-Erweiterung einen Überblick über die Hierarchie einer Seite. Für die ganze Website ist ein automatischer Scanner schneller: er findet fehlende H1, übersprungene Ebenen und leere Überschriften über alle Seiten hinweg. site-check macht das in einem Durchlauf.
Wie viele H1-Überschriften sollte eine Seite haben?
Genau eine. Die H1 benennt das Hauptthema der Seite. Keine H1 lässt Screenreader ohne Einstieg, mehrere H1 verwässern die Struktur. Alle weiteren Abschnitte werden mit H2 bis H6 logisch darunter verschachtelt.
Warum ist die Überschriften-Hierarchie für die Barrierefreiheit wichtig?
Screenreader-Nutzende springen per Kurzbefehl von Überschrift zu Überschrift, um eine Seite zu überfliegen, so wie Sehende eine Seite mit den Augen scannen. Eine logische Hierarchie von H1 bis H6 ist dafür die Voraussetzung. Fehlt sie oder springt sie, geht die Orientierung verloren.
Ist eine falsche Überschriften-Struktur ein BFSG-Problem?
Ja. Eine korrekte Struktur ist WCAG 2.1 Kriterium 1.3.1 „Info und Beziehungen“ (Level A) und damit Teil der BFSG-Anforderungen. Übersprungene Ebenen und fehlende H1 gehören zu den häufigsten Struktur-Barrieren im Web.
Kann site-check Überschriften-Fehler automatisch finden?
Ja. site-check scannt alle Seiten auf fehlende oder mehrfache H1, übersprungene Ebenen und leere Überschriften und listet jede Fundstelle im Report nach WCAG 2.1 AA. Zu vielen Funden gibt es eine konkrete Empfehlung, wie du sie behebst.
Passende Ratgeber
Website auf Barrierefreiheit prüfen
Die drei Wege im Vergleich und was nach WCAG 2.1 AA getestet wird.
Mehr erfahren →Alt-Texte prüfen
Was einen guten Alternativtext ausmacht und wie du fehlende findest.
Mehr erfahren →Reicht ein Barrierefreiheits-Widget?
Warum ein Widget Barrieren überdeckt, statt sie zu beheben.
Mehr erfahren →Bereit, deine Struktur zu prüfen?
Fordere jetzt eine kostenlose Erstprüfung an. site-check prüft die Überschriften-Struktur deiner Website nach WCAG 2.1 AA und meldet sich mit den Fundstellen, ohne Kreditkarte und ohne Verpflichtung.