SC 2.4.6 - Wat betekent “Koppen en labels”

Table Of Contents

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.

Share :

Related Posts

Meerdere knoppen met dezelfde naam

In een webshop kom je vaak een pagina tegen met veel producten, elk met een knop om het product aan de winkelmand toe te voegen. Soms heeft deze knop een zichtbare tekst, soms een icoon.

Lees meer over Meerdere knoppen met dezelfde naam

SC 3.3.4 - Wat betekent “Foutpreventie (juridisch, financieel, data)”

Fouten maken op een website kan altijd gebeuren, maar sommige fouten kunnen grote gevolgen hebben. Denk aan het verkeerd invullen van een belastingformulier, een verkeerde bestelling in een webshop, of een fout bij het opslaan van medische gegevens. Voor gebruikers met cognitieve beperkingen, laaggeletterdheid of mensen die snel afgeleid zijn, kunnen deze fouten extra lastig zijn om te herstellen.

Lees meer over SC 3.3.4 - Wat betekent “Foutpreventie (juridisch, financieel, data)”

SC 3.3.2 - Wat betekent "Labels en instructies"

Mensen moeten begrijpen wat ze moeten doen op een website. Vooral bij formulieren, invulvelden of interactieve elementen. Als het niet duidelijk is wat ergens ingevuld moet worden, raken mensen in de war of maken fouten – zeker gebruikers met een cognitieve beperking of mensen die een schermlezer gebruiken.

Lees meer over SC 3.3.2 - Wat betekent "Labels en instructies"