Empfohlene Praxis Priorität: Mittel
Überschriftenebenen überspringen eine Stufe
Die Überschriften auf der Seite springen Ebenen über, zum Beispiel von <h2> direkt zu <h4>, sodass die Gliederung der Seite Lücken hat. Das ist eine empfohlene Praxis, keine Anforderung der WCAG-Stufe AA.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzende erkunden eine Seite oft über ihre Überschriften wie über ein Inhaltsverzeichnis. Übersprungene Ebenen wirken, als fehlten Abschnitte, und erschweren das Verständnis, wie Produktdetails, Bewertungen und Lieferinformationen zusammenhängen.
Wen es betrifft
- Screenreader-Nutzende
- Menschen, die über Überschriften navigieren
- Menschen mit kognitiven Beeinträchtigungen
So beheben Sie es
Nutzen Sie Überschriftenebenen für die Struktur, nicht für die Schriftgröße: ein <h1> für das Hauptthema, <h2> für Hauptabschnitte, <h3> darin und so weiter, ohne Stufen auszulassen. Soll eine Überschrift kleiner oder größer aussehen, ändern Sie ihren Stil per CSS statt der Ebene. Prüfen Sie wiederkehrende Blöcke wie Produktkarten, Seitenleisten und Footer, die oft eine feste Ebene verwenden.
Bei Shopify
Überschriftenebenen sind meist fest in den Abschnitten und Snippets des Themes hinterlegt, etwa in Produktkarten oder Footer-Titeln. Passen Sie die Tags in den Liquid-Dateien an; eine Einstellung zur Überschriftengröße im Theme-Editor ändert meist nur die Optik, nicht die Ebene.
Bei Shoptet (CZ)
Hängt überwiegend vom Template ab; Sie steuern die Ebenen nur in Ihren eigenen Textinhalten. Verwenden Sie die Überschriftenformate des Editors der Reihe nach und melden Sie Template-Probleme an Shoptet oder einen Partner.
Bei PrestaShop
Die Ebenen werden in den .tpl-Dateien des Themes und in Modulen wie Produktlisten und Footer-Blöcken festgelegt. Überschreiben Sie die Templates in Ihrem Theme, damit die Ebenen der Reihe nach aufeinander folgen.
Bei WooCommerce
Stellen Sie die richtige Ebene im Block-Editor oder Page Builder ein; die meisten Überschriften-Widgets haben eine Ebenen-Option, die von der Größe getrennt ist. Widget-Titel des Themes und Produkttitel in Listen erfordern eventuell eine Änderung im Child-Theme.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel heading-order.
dequeuniversity.com, github.com, www.w3.org