Koppen en labels helpen gebruikers om snel te begrijpen waar een stuk tekst of een formulier over gaat. Ze bieden structuur en context, vooral voor mensen die schermlezers gebruiken of snel willen navigeren door een pagina. Goede koppen en labels maken de inhoud overzichtelijker en toegankelijker.
Daarom zegt WCAG: gebruik duidelijke, beschrijvende koppen en labels die direct aangeven waar de bijbehorende inhoud over gaat.
Dit heet 2.4.6 Headings and Labels.
Wat wordt er van websites verwacht?
- Beschrijvende koppen – Gebruik koppen (
<h1>tot<h6>) die duidelijk maken waar de sectie over gaat. - Duidelijke labels – Formuliervelden moeten duidelijke, begrijpelijke labels hebben.
- Consistentie – Gebruik vergelijkbare koppen en labels voor vergelijkbare content om verwarring te voorkomen.
Kort: geef elk stuk inhoud een duidelijke naam, zodat gebruikers meteen weten waar ze zijn.
Wat is niet verplicht?
- Je hoeft niet altijd lange koppen of labels te gebruiken, zolang ze maar duidelijk zijn.
- Decoratieve elementen hebben geen specifieke labels nodig, zolang ze geen inhoudelijke betekenis hebben.
Veelgemaakte fouten
- Vage koppen zoals “Informatie” of “Details” zonder verdere uitleg.
- Formuliervelden zonder labels of met onduidelijke placeholdertekst.
- Koppen die visueel correct zijn (vet en groot), maar technisch geen echte koppen (
<h1>tot<h6>) zijn.
Wat kun je als webredacteur of manager doen?
- Controleer je koppen: Zijn ze beschrijvend genoeg en geven ze de structuur van de pagina goed weer?
- Test met schermlezers: Begrijpt de gebruiker de inhoud alleen op basis van de koppen en labels?
- Vraag je webbouwer: Worden koppen en labels correct gecodeerd, zodat ze toegankelijk zijn voor iedereen?
Samenvatting
Goede koppen en labels maken je site duidelijker, overzichtelijker en toegankelijker. Ze geven gebruikers direct de context die ze nodig hebben om je inhoud te begrijpen.