# Otsikkotasojen pitäisi kasvaa vain yhdellä kerrallaan

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

Saavutettavuuden hyvä käytäntö

Otsikkotasoja hypätään yli (esimerkiksi H2:sta H4:ään), mikä tekee sivun rakenteesta sekavan ruudunlukijan käyttäjille.

## Mitä tämä sääntö tarkistaa
Varmistaa, että otsikoiden järjestys on semanttisesti oikea.

## Miksi sillä on merkitystä
Ruudunlukijan käyttäjät liikkuvat sivulla otsikoiden avulla. Tämä on hyvä käytäntö, joka tukee WCAG-kriteeriä 1.3.1.

## Miten se korjataan
### Millä tahansa sivustolla
1. Korjaa kyseisten osioiden otsikkotasot niin, että ne etenevät järjestyksessä hyppäämättä tasojen yli.
2. Muuta vain tagia, älä ulkoasua (käytä koon säätämiseen CSS-luokkia).

### Shopifyssa
1. Korjaa kyseisten osioiden otsikkotasot niin, että ne etenevät järjestyksessä hyppäämättä tasojen yli.
2. Muuta vain tagia, älä ulkoasua (käytä koon säätämiseen CSS-luokkia).

### WooCommercessa ja WordPressissä
1. Korjaa kyseisten osioiden otsikkotasot niin, että ne etenevät järjestyksessä hyppäämättä tasojen yli.
2. Muuta vain tagia, älä ulkoasua (käytä koon säätämiseen CSS-luokkia).

## Miten korjaus tarkistetaan
- Skannaa uudelleen ja tarkista otsikkorakenne selainlaajennuksella, kuten HeadingsMap.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order