Skip to main content
Perceivable WCAG 1.3.1

Koppenstructuur

Koppen (H1–H6) moeten een logische hiërarchie vormen. Sla geen niveaus over. Gebruik koppen als document-outline, niet voor opmaak. 20% van de homepagina's heeft koppen die niveaus overslaan.

In gewone taal

Gebruik kopjes in de juiste volgorde, net als in de inhoudsopgave van een document — gebruikers van schermlezers springen tussen de kopjes heen en weer om een pagina te scannen, net zoals ziende gebruikers de tekst vluchtig doorlezen.

Waarom dit belangrijk is

Twee derde van de gebruikers van schermlezers navigeert door een pagina door tussen kopjes te springen. Overgeslagen niveaus of nep-kopjes (alleen vetgedrukte tekst) verstoren die structuur, waardoor zij gedwongen worden om alles door te spitten.

Hoe te detecteren

Snelle controle

Bekijk de structuur van de koppen (via een kopuitbreiding of DevTools). Is er precies één <h1>? Volgt de hiërarchie zonder overslaan (h2→h3, niet h2→h4)? Is alles wat op een kop lijkt ook daadwerkelijk als zodanig gemarkeerd?</h1>