Correcte volgorde van heading elementen

Hoe herstel je een onjuiste kopvolgorde?

Zorg ervoor dat headinglevels steeds met één stap toenemen. Je mag teruggaan naar een hoger niveau bij het afsluiten van een sectie, maar je mag geen niveaus overslaan bij het dieper gaan:

<h1>Paginatitel</h1>
<h3>Subparagraaftitel</h3>

<h1>Paginatitel</h1>
<h2>Paragraaftitel</h2>
<h3>Subparagraaftitel</h3>

<h1>Paginatitel</h1>
<h2>Eerste sectie</h2>
<h3>Subsectie</h3>
<h2>Tweede sectie</h2>

Kies een kopniveau niet op basis van de visuele grootte. Gebruik CSS om heading elementen op te maken. Kies het niveau op basis van de documentstructuur.

Waarom is dit belangrijk?

Gebruikers van schermlezers navigeren pagina’s via headinglevels. Wanneer niveaus worden overgeslagen, wordt de documentstructuur inconsistent en verwarrend. Gebruikers kunnen denken dat ze een sectie hebben gemist, of begrijpen de hiërarchie van de inhoud niet.