# Poziomy nagłówków powinny wzrastać tylko o jeden

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

Dobra praktyka dostępności

Poziomy nagłówków są pomijane (np. z H2 od razu na H4), przez co struktura strony jest niejasna dla osób korzystających z czytników ekranu.

## Co sprawdza ta reguła
Kolejność nagłówków jest semantycznie poprawna.

## Dlaczego to ważne
Osoby korzystające z czytników ekranu poruszają się po stronie według nagłówków. To dobra praktyka wspierająca WCAG 1.3.1.

## Jak to naprawić
### Na dowolnej stronie
1. Popraw poziomy nagłówków w sekcjach, których to dotyczy, tak aby następowały po kolei, bez pomijania poziomów.
2. Zmień tylko tag, a nie wygląd (rozmiar ustawiaj klasami CSS).

### W Shopify
1. Popraw poziomy nagłówków w sekcjach, których to dotyczy, tak aby następowały po kolei, bez pomijania poziomów.
2. Zmień tylko tag, a nie wygląd (rozmiar ustawiaj klasami CSS).

### W WooCommerce i WordPressie
1. Popraw poziomy nagłówków w sekcjach, których to dotyczy, tak aby następowały po kolei, bez pomijania poziomów.
2. Zmień tylko tag, a nie wygląd (rozmiar ustawiaj klasami CSS).

## Jak sprawdzić poprawkę
- Przeskanuj ponownie i sprawdź strukturę nagłówków za pomocą rozszerzenia przeglądarki, np. HeadingsMap.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order