# Überschriftenebenen sollten nur jeweils um eins steigen

<https://www.fixreports.com/de/issues/heading-order>

Best Practice der Barrierefreiheit

Überschriftenebenen werden übersprungen (zum Beispiel von H2 auf H4), was die Seitenstruktur für Screenreader-Nutzer unübersichtlich macht.

## Was diese Regel prüft
Stellt sicher, dass Überschriften in der semantisch korrekten Reihenfolge sind.

## Warum das wichtig ist
Screenreader-Nutzer navigieren über Überschriften. Das ist eine bewährte Praxis (Best Practice), die WCAG 1.3.1 unterstützt.

## So beheben Sie es
### Auf jeder Website
1. Passen Sie die Überschriftenebenen in den betroffenen Abschnitten so an, dass sie der Reihe nach folgen, ohne Ebenen zu überspringen.
2. Ändern Sie nur das Tag, nicht die visuelle Gestaltung (verwenden Sie CSS-Klassen für die Größe).

### In Shopify
1. Passen Sie die Überschriftenebenen in den betroffenen Abschnitten so an, dass sie der Reihe nach folgen, ohne Ebenen zu überspringen.
2. Ändern Sie nur das Tag, nicht die visuelle Gestaltung (verwenden Sie CSS-Klassen für die Größe).

### In WooCommerce und WordPress
1. Passen Sie die Überschriftenebenen in den betroffenen Abschnitten so an, dass sie der Reihe nach folgen, ohne Ebenen zu überspringen.
2. Ändern Sie nur das Tag, nicht die visuelle Gestaltung (verwenden Sie CSS-Klassen für die Größe).

## So prüfen Sie die Korrektur
- Scannen Sie erneut und prüfen Sie die Überschriftengliederung mit einer Browsererweiterung wie HeadingsMap.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order