# Kopniveaus zouden steeds maar met één moeten oplopen

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

Best practice voor toegankelijkheid

Kopniveaus worden overgeslagen (bijvoorbeeld van H2 naar H4), waardoor de paginastructuur verwarrend is voor gebruikers van een schermlezer.

## Wat deze regel controleert
Zorg dat de volgorde van koppen semantisch correct is.

## Waarom het belangrijk is
Gebruikers van een schermlezer navigeren via koppen. Dit is een best practice die WCAG 1.3.1 ondersteunt.

## Zo los je het op
### Op elke website
1. Pas de kopniveaus in de betrokken secties aan, zodat ze op volgorde lopen zonder niveaus over te slaan.
2. Verander alleen de tag, niet de opmaak (gebruik CSS-classes voor de grootte).

### In Shopify
1. Pas de kopniveaus in de betrokken secties aan, zodat ze op volgorde lopen zonder niveaus over te slaan.
2. Verander alleen de tag, niet de opmaak (gebruik CSS-classes voor de grootte).

### In WooCommerce en WordPress
1. Pas de kopniveaus in de betrokken secties aan, zodat ze op volgorde lopen zonder niveaus over te slaan.
2. Verander alleen de tag, niet de opmaak (gebruik CSS-classes voor de grootte).

## Zo controleer je de oplossing
- Scan opnieuw en controleer de kopstructuur met een browserextensie zoals HeadingsMap.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order