Sectiekoppen

Wat het vereist

Wanneer een pagina in secties is verdeeld, moet elke sectie een programmatische kop hebben. Het succescriterium vereist niet dat elke pagina in secties wordt opgedeeld — korte enkeldoelpagina’s (een inlogscherm) kunnen prima zonder subkoppen. Maar waar secties bestaan, hebben zij echte <h1>–<h6>-opmaak nodig zodat hulptechnologie een kopenstructuur kan opbouwen.

Dit succescriterium staat op AAA-niveau, maar de onderliggende praktijk — het gebruik van echte koppen — is ook impliciet vereist door 1.3.1 (Info en relaties) op niveau A, waardoor de meeste toegankelijke sites er incidenteel aan voldoen.

Hoe te voldoen

• Gebruik <h1> voor de paginatitel (eenmaal per pagina) en stap af via <h2>, <h3> voor geneste secties zonder niveaus over te slaan.
• Vervang <div class="heading"> en gestileerde <p>-„koppen“ door echte koptekstelementen.
• Laat elke afzonderlijke sectie van lange inhoud (een artikel, een documentatiepagina, een instellingenpaneel met tabbladen) beginnen met een kop.
• Geef kaartelementen die als verzamelingen van vergelijkbare secties fungeren op elk kaartje een kop op het passende niveau.
• Valideer de kopenstructuur met het HTML5-outlinealgoritme (axe DevTools, headingsMap-browserextensie of de W3C-validator).

Veelvoorkomende fouten

• Vetgedrukte paragrafen die doorgaan als koppen — typografisch overtuigend, onzichtbaar in de koppenlijst van een schermlezer.
• Kopniveaus overgeslagen (<h1> springt naar <h4>) omdat het CMS-team niveaus op lettergrootte koos in plaats van op hiërarchie.
• Meerdere <h1>-elementen op één pagina (toegestaan in HTML5-outlines, maar breekt navigatie in de meeste hulptechnologie).
• Elke sectie gelabeld als <h2> ongeacht de nestingsdiepte, waardoor de structuur wordt afgevlakt.
• Heldentext opgemaakt als <h1> terwijl de eigenlijke paginatitel eronder staat als <h2>.

Waarom dit belangrijk is

Voor schermlezersgebruikers is de kopenstructuur de inhoudsopgave. JAWS en NVDA tonen deze in een dialoogvenster (Insert+F6 in JAWS); VoiceOver toont deze in de rotor. Een pagina zonder koppen, of met koppen uitsluitend voor visuele nadruk, dwingt die gebruikers regel voor regel te scrollen. Zelfs bij een uitsluitend AA-gerichte aanpak levert het behandelen van sectiekoppen als basisschrijfregel winst op voor SEO, hergebruik van inhoud en redactioneel overzicht.