Kurz-Fakten
- H1 benennt das Thema der Seite, nicht den Namen der Website
- Ebenen nicht überspringen – nach H2 folgt H3, nicht H5
- Für Screenreader der wichtigste Weg zur Navigation innerhalb einer Seite
- Überschriften sind Struktur, keine Gestaltung – Schriftgröße gehört ins CSS
Einordnung für die Praxis
Der häufigste Fehler ist die Verwendung als Gestaltungsmittel: Ein Wort soll größer erscheinen, also bekommt es ein H2. Für die Struktur bedeutet das einen neuen Hauptabschnitt, wo keiner ist. Umgekehrt werden echte Abschnittsüberschriften als fett formatierte Absätze gesetzt und fehlen in der Gliederung.
Die Prüfung dauert eine Minute: In den Entwicklerwerkzeugen die Überschriften einer Seite auflisten lassen. Ergibt die Folge für sich gelesen ein sinnvolles Inhaltsverzeichnis, stimmt die Struktur. Wenn nicht, sieht ein Screenreader-Nutzer dasselbe Durcheinander.