WCAG Überschriften-Prüfer
Fügen Sie HTML ein, um Ihre Überschriften-Hierarchie gegen das WCAG-2.2-Erfolgskriterium 1.3.1 zu validieren. Identifiziert übersprungene Ebenen, fehlende h1, doppelte h1 und leere Überschriften.
Ergebnisse
Fügen Sie HTML ein und klicken Sie auf „Überschriften prüfen".
📚 Wissenschaftliche Grundlagen und Quellen
Für wen dieses Tool gedacht ist
Eine korrekte Überschriftenstruktur ist entscheidend für Screenreader-Nutzerinnen und -Nutzer sowie für Menschen mit kognitiven Beeinträchtigungen, die sich für Navigation und Verständnis auf die Dokumentstruktur stützen. Die WebAIM Screen Reader User Surveys zeigen regelmäßig, dass die Navigation per Überschriften eine der häufigsten und am meisten geschätzten Strategien zur Seitennavigation unter Screenreader-Nutzenden ist. Auch Menschen mit kognitiven und Lernbeeinträchtigungen profitieren von klaren Überschriften-Hierarchien, da Überschriften eine Inhaltsstruktur liefern, die die kognitive Belastung reduziert (W3C Cognitive Accessibility Guidance). Der WHO-Bericht Global Report on Health Equity for Persons with Disabilities (2023) schätzt, dass 1,3 Milliarden Menschen — etwa 16 % der Weltbevölkerung — eine erhebliche Behinderung haben; viele davon nutzen unterstützende Technologien, die auf einer semantischen Überschriftenstruktur beruhen.
WCAG-2.2-Anforderungen
- EK 1.3.1 (Info und Beziehungen, Stufe A): Information, Struktur und Beziehungen, die durch Darstellung vermittelt werden, müssen programmatisch ermittelbar sein.
- EK 2.4.1 (Blöcke umgehen, Stufe A): Überschriften ermöglichen Nutzerinnen und Nutzern die Navigation zwischen Inhaltsabschnitten und dienen als Mechanismus zum Umgehen.
- EK 2.4.6 (Überschriften und Beschriftungen, Stufe AA): Überschriften beschreiben das Thema oder den Zweck des nachfolgenden Inhalts.
- EK 2.4.10 (Abschnittsüberschriften, Stufe AAA): Abschnittsüberschriften werden zur Inhaltsgliederung verwendet.
Wissenschaftliche Quellen
- WebAIM (2024). „Screen Reader User Survey #10 Results." webaim.org · Zeigt durchgängig, dass die Navigation per Überschriften zu den am häufigsten von Screenreader-Nutzenden verwendeten Strategien zählt, um Seitenstruktur zu erfassen und Inhalte zu finden.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). „Guidelines are only half of the story." CHI ’12, ACM. · Hat festgestellt, dass Probleme mit der Überschriftenstruktur zu den am häufigsten angetroffenen Hindernissen für blinde Nutzerinnen und Nutzer gehören.
- W3C Web Accessibility Initiative (2023). „Page Structure: Headings Tutorial." w3.org/WAI · Definiert Best Practices für die Überschriften-Hierarchie, einschließlich einer einzigen h1 pro Seite und sequenzieller Verschachtelung.
- WebAIM. „Semantic Structure: Using Headings." webaim.org · Anleitung dazu, wie die Überschriftenstruktur sowohl die Screenreader-Navigation als auch das visuelle Scannen unterstützt.
- Deque Systems. „heading-order (axe-core-Regel)." · Automatisierte Prüfung: Überschriftenebenen sollten sich nur um eins erhöhen, um eine gültige Dokumentgliederung zu gewährleisten.
- Weltgesundheitsorganisation (2023). Global Report on Health Equity for Persons with Disabilities. · Schätzt, dass 1,3 Milliarden Menschen (16 % der Weltbevölkerung) eine erhebliche Behinderung haben.
Hinweis
Dieses Tool prüft ausschließlich die Hierarchiestruktur der Überschriften. Es bewertet nicht andere Aspekte der WCAG-2.2-Konformität wie Farbkontrast, Tastaturzugänglichkeit oder ARIA-Verwendung. Eine gültige Überschriften-Hierarchie ist eine notwendige, aber nicht hinreichende Bedingung für Barrierefreiheit. Für eine vollständige WCAG-2.2-Konformität nutzen Sie ein umfassendes Auditwerkzeug (z. B. axe, WAVE, Lighthouse) zusammen mit manuellen Tests mit unterstützender Technologie.
Hinweis: Dieses Tool prüft ausschließlich die Hierarchiestruktur der Überschriften. Für eine vollständige WCAG-2.2-Konformität nutzen Sie ein umfassendes Auditwerkzeug zusammen mit manuellen Tests.