WCAG-koptekstcontrole
Plak HTML om de hiërarchie van uw koppen te valideren volgens WCAG 2.2-criterium 1.3.1. Identificeert overgeslagen niveaus, ontbrekende h1's, dubbele h1's en lege koppen.
Resultaten
Plak HTML en klik op « Koppen controleren ».
📚 Wetenschappelijke basis en bronnen
Voor wie deze tool is ontworpen
Een correcte koppenstructuur is essentieel voor schermlezergebruikers en mensen met cognitieve stoornissen die afhankelijk zijn van de documentstructuur om te navigeren en te begrijpen. WebAIM Screen Reader User Surveys constateren regelmatig dat navigatie via koppen een van de meest voorkomende en gewaardeerde strategieën van schermlezergebruikers is. Mensen met cognitieve en leerstoornissen profiteren ook van een duidelijke hiërarchie, waarbij koppen een inhoudsoverzicht bieden dat de cognitieve belasting vermindert (W3C Cognitive Accessibility Guidance). De Global Report on Health Equity for Persons with Disabilities van de WHO (2023) schat 1,3 miljard mensen — ongeveer 16% van de wereldbevolking — leeft met een significante handicap, waarvan velen hulptechnologieën gebruiken die afhankelijk zijn van semantische koppenstructuur.
WCAG 2.2-vereisten
- SC 1.3.1 (informatie en relaties, niveau A): visueel overgebrachte informatie, structuur en relaties moeten programmatisch te bepalen zijn.
- SC 2.4.1 (blokken omzeilen, niveau A): koppen stellen gebruikers in staat tussen secties te navigeren, en dienen als bypass-mechanisme.
- SC 2.4.6 (koppen en labels, niveau AA): koppen beschrijven het onderwerp of doel van de inhoud die ze introduceren.
- SC 2.4.10 (sectiekoppen, niveau AAA): sectiekoppen worden gebruikt om inhoud te organiseren.
Wetenschappelijke referenties
- WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · Constateert systematisch dat navigatie via koppen een van de belangrijkste strategieën is die door schermlezergebruikers wordt gebruikt om de paginastructuur te begrijpen en inhoud te vinden.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story. » CHI ’12, ACM. · Constateerde dat problemen met de koppenstructuur tot de meest voorkomende belemmeringen behoren waarmee blinde gebruikers worden geconfronteerd.
- W3C Web Accessibility Initiative (2023). « Page Structure: Headings Tutorial. » w3.org/WAI · Definieert beste praktijken voor de koppenhiërarchie, inclusief één enkele h1 per pagina en sequentiële nesting.
- WebAIM. « Semantic Structure: Using Headings. » webaim.org · Advies over hoe de koppenstructuur zowel schermlezernavigatie als visueel scannen ondersteunt.
- Deque Systems. « heading-order (axe-core-regel). » · Geautomatiseerde controle: kopniveaus mogen slechts met één tegelijk verhogen om een geldig documentoverzicht te garanderen.
- Wereldgezondheidsorganisatie (2023). Global Report on Health Equity for Persons with Disabilities. · Schat 1,3 miljard mensen (16% van de wereldbevolking) leeft met een significante handicap.
Disclaimer
Deze tool controleert alleen de hiërarchische structuur van koppen. Het beoordeelt geen andere aspecten van WCAG 2.2-naleving, zoals kleurcontrast, toetsenbordtoegankelijkheid of ARIA-gebruik. Een geldige koppenhiërarchie is een noodzakelijke maar niet voldoende voorwaarde voor toegankelijkheid. Voor volledige WCAG 2.2-naleving, gebruik een complete audittool (axe, WAVE, Lighthouse) in aanvulling op handmatige tests met hulptechnologieën.
Opmerking: deze tool controleert alleen de hiërarchische structuur van koppen. Voor volledige WCAG 2.2-naleving, gebruik een complete audittool aangevuld met handmatige tests.