Wann Sie diese Prüfung verwenden
Lesen Sie die Gliederung ohne Absätze. Wenn Thema und Reihenfolge der Fragen nicht erkennbar sind, korrigieren Sie Bezeichnungen und Hierarchie. Die Zahl der H1-Elemente allein belegt keine Abstrafung.
Wissen, was Sie prüfen.
Überschriften bilden die Gliederung eines Dokuments. H1 benennt den Hauptinhalt, Zwischenüberschriften gliedern seine Abschnitte. Ihre Bedeutung legt das HTML fest, nicht Schriftgröße oder Fettdruck im Design.
Praktisches Beispiel
H1: Reparatur von Kaffeemaschinen
H2: So läuft die Diagnose ab
H3: Was Sie zur Reparatur mitbringen sollten
H2: Preis und Freigabe der Reparatur
H2: Abholung und KontaktHäufiger Fehler
Wenn jeder fett gesetzte Text durch ein H2-Tag ersetzt wird, verschlechtert sich die Gliederung. Eine übersprungene Ebene ist im Kontext zu beurteilen. Das Audit soll auf die Struktur hinweisen, nicht den Inhalt automatisch umschreiben.
Ergebnis verstehen. Die richtige Änderung vornehmen.
So prüfen Sie die Überschriftenhierarchie
Die Überschriften sollten Thema und Reihenfolge der Fragen erklären. „Mehr“, „Unser Angebot“ und „Weitere Informationen“ verschleiern oft, worum es in den Abschnitten tatsächlich geht.
- Die Hauptüberschrift sollte die konkrete Seite benennen.
- Verwenden Sie H2 für Hauptfragen und H3 für ihre Unterthemen.
- Vergleichen Sie den Abschnittstitel mit dem darauf folgenden Inhalt.
Warum bestimmt die Überschriftenebene nicht die Schriftgröße?
Ein großer Werbeslogan muss nicht die Überschrift des Dokuments sein. Eine kleine Überschrift kann einen wichtigen Unterabschnitt kennzeichnen. Legen Sie die Schriftgröße mit CSS fest, ohne die semantische Bedeutung im HTML zu verändern.
- Verwenden Sie H4 nicht, nur weil es im Design die richtige Größe hat.
- Belassen Sie einen gewöhnlichen hervorgehobenen Satz als Absatz.
- Überprüfen Sie nach der Reparatur auch das Layout auf dem Mobiltelefon.
So korrigieren Sie Überschriften in Karten und Vorlagen
Eine Produktkarte kann auf einer Kategorieseite unter einer H2 stehen, an anderer Stelle aber in einen tiefer verschachtelten Abschnitt eingebunden sein. Eine fest vorgegebene Ebene in der Komponente kann eine unlogische Gliederung erzeugen.
- Prüfen Sie die Überschriften von Karten, Footer, Navigation und Logo.
- Bestimmen Sie für eine gemeinsam genutzte Komponente die Ebene anhand des übergeordneten Abschnitts.
- Entfernen Sie keine Überschrift nur, damit die Anzahl im Audit stimmt.
So prüfen Sie die Navigation anhand der Überschriften
Eine sinnvolle Gliederung hilft auch Menschen, die mit dem Screenreader zwischen Überschriften springen. Prüfen Sie die tatsächliche Reihenfolge im DOM, nicht nur die visuelle Anordnung der Spalten.
- Gehen Sie die Überschriften vom Anfang bis zum Ende des Hauptinhalts durch.
- Stellen Sie sicher, dass das ausgeblendete mobile Menü keine unnötigen Duplikate erstellt.
- Überprüfen Sie nach der Bearbeitung der Vorlage den Artikel, die Dienstleistung und die Kategorie.
Primärquelle: www.w3.org ↗
Häufige Fragen
Was, wenn die Überschrift richtig aussieht, das Audit sie aber nicht gefunden hat?
Sichtbarer Text kann ein gewöhnliches div, ein Bild oder ein Pseudoelement sein. Prüfen Sie das HTML und den Accessibility Tree. Benennt der Text tatsächlich einen Abschnitt, verwenden Sie ein passendes Überschriftenelement und gestalten Sie es mit CSS. Fügen Sie nicht nur für einen besseren Score eine weitere versteckte H1 ein: Besucher und assistive Technologien brauchen dieselbe verständliche Gliederung.
Wann Sie die Aufgabe schließen können
Die Gliederung sollte den Inhalt auch dann verständlich beschreiben, wenn man die normalen Absätze nicht liest. Logo, Banner und wiederkehrende Navigation dürfen die Hauptüberschrift der jeweiligen Seite nicht verdecken.