Moet jouw website of app aan de WCAG voldoen?

Kort antwoord: waarschijnlijk wel. De European Accessibility Act geldt sinds 28 juni 2025 en raakt onder meer webshops, bankieren en verzekeren, vervoer, telecom, e-books en klantenservice. In Nederland houden zes toezichthouders het in de gaten. De ACM kijkt naar e-commerce en elektronische communicatiediensten, de RDI naar producten zoals betaalautomaten en smartphones. Bij een klacht krijg je eerst de kans om het te herstellen, daarna kan er een last onder dwangsom of een boete volgen.

Werk je voor de overheid, het onderwijs of de zorg? Dan geldt er al langer een plicht, en hoort daar ook een gepubliceerde toegankelijkheidsverklaring bij.

Er zijn uitzonderingen. Micro-ondernemingen die diensten leveren, dus minder dan tien medewerkers en maximaal twee miljoen euro omzet, vallen buiten de plicht. Voor diensten die al vóór 28 juni 2025 werden geleverd loopt er een overgangstermijn tot 28 juni 2030. Bouw je iets nieuws, dan moet het meteen kloppen.

Welk niveau heb je nodig?

De wetgeving verwijst naar de Europese norm EN 301 549. De huidige versie daarvan leunt op WCAG 2.1 niveau AA. Er wordt gewerkt aan een nieuwe versie die WCAG 2.2 niveau AA overneemt. Wij bouwen daarom standaard op WCAG 2.2 AA. Dat zijn een handvol criteria meer, en je bent meteen klaar als de norm meebeweegt.

De richtlijnen

Wat WCAG 2.2 AA in de praktijk betekent

De richtlijnen tellen tientallen criteria. Dit zijn de punten waar we in de praktijk het vaakst iets zien misgaan.

1.4.3 en 1.4.11

Contrast dat klopt

Tekst haalt minimaal 4.5:1 tegen de achtergrond, iconen en randen 3:1. We toetsen die kleuren in het design system, niet pas als het scherm er staat.

2.1.1 en 2.4.7

Alles met het toetsenbord

Elk menu, elke knop en elk formulier is zonder muis te bedienen, met een focusrand die je echt ziet staan. Druk op deze pagina gerust eens op tab.

1.1.1

Alt-teksten die iets zeggen

Een schermlezer moet begrijpen wat een afbeelding toevoegt. Decoratieve beelden krijgen juist geen tekst, zodat het voorlezen niet gaat ruisen.

2.5.3

Labels die overeenkomen

De naam die een schermlezer voorleest bevat de zichtbare tekst van de knop. Anders werkt spraakbediening niet: je zegt wat je ziet, en er gebeurt niets.

3.3.1 en 3.3.2

Formulieren die meedenken

Velden hebben een echt label, fouten worden in tekst benoemd en niet alleen met een rood randje, en uitleg staat er al voordat je begint te typen.

Nieuw in 2.2

De extra criteria

Focus die niet achter een sticky balk verdwijnt, klikvlakken van minstens 24 bij 24 pixels, een alternatief voor slepen, geen geheugenpuzzels bij het inloggen en hulp die steeds op dezelfde plek staat.

Een toegankelijkheidsknop op je site lost het niet op.

Overlay-tools beloven dat één regel JavaScript je website compliant maakt. In de praktijk raken ze de onderliggende code niet aan, en mensen die een schermlezer gebruiken lopen er juist vaker op vast. Toegankelijkheid zit in het fundament: in je HTML, je contrast en je focusvolgorde. Daar bestaat geen knop voor.

Onze aanpak

Hoe wij toegankelijk bouwen

STAP 1

Meekijken bij het ontwerp

Contrast, tekstgroottes en focusstijlen leggen we vast in het design system. Dan hoef je het later niet scherm voor scherm te repareren.

STAP 2

Een semantische basis

Koppen in de juiste volgorde, echte knoppen en formulierlabels, een logische tabvolgorde en skiplinks bovenaan elke pagina.

STAP 3

Automatisch testen

We draaien axe-core mee tijdens het bouwen. Dat vangt een flink deel van de problemen af, snel en zonder discussie.

STAP 4

Met de hand testen

De rest vind je alleen zelf: door de hele site met het toetsenbord door te lopen en met een schermlezer te luisteren naar wat er wordt voorgelezen.

STAP 5

Vastleggen en bijhouden

Je krijgt een overzicht van wat er is aangepast en wat er nog openstaat, met het criterium erbij. Bij nieuwe features testen we opnieuw, want toegankelijkheid slijt.

Concreet

Wat je van ons krijgt

Bevindingen per criterium Geen algemeen rapport, maar per pagina en per WCAG-criterium wat er speelt, met de impact op gebruikers erbij.

Werk dat geprioriteerd is Eerst wat mensen echt blokkeert, daarna de rest. Zo gaat je budget naar de dingen die het meeste verschil maken.

Code die het oplost Wij bouwen de aanpassingen ook. In je eigen codebase, open source, zonder dat je daarna aan ons vastzit.

Onderbouwing voor je verklaring Moet je een toegankelijkheidsverklaring publiceren? Dan leveren we de technische onderbouwing aan die daaronder hoort.

Een team dat het volhoudt Ook bij doorontwikkeling en onderhoud blijven we op toegankelijkheid letten. Anders sluipt het er vanzelf weer uit.

Wij bouwen, een geaccrediteerde partij toetst

Wij zijn developers. We bouwen software die aan WCAG 2.2 AA voldoet en we testen dat zelf grondig, met tools en met de hand. Wat we niet doen is een formeel toegankelijkheidsonderzoek met een officiële verklaring van overeenstemming. Heb je dat nodig, bijvoorbeeld omdat je een toegankelijkheidsverklaring moet publiceren die op onderzoek rust, dan werken we samen met de geaccrediteerde WCAG-experts van Raadhuis. Zij toetsen, wij lossen op.

Ondertussen blijven we zelf bijleren. De richtlijnen bewegen, de Europese norm beweegt mee, en onze collega's lezen zich in op wat dat betekent voor de code die we schrijven.

Toegankelijk gebouwd, in de praktijk

Voor Heineken Pensioenfonds richtten we de site vanaf het ontwerp in op de WCAG-richtlijnen.

"Met de lancering van onze nieuwe website hebben we een platform gekregen dat goed doorzoekbaar is en volledig voldoet aan de WCAG- en toegankelijkheidseisen. Samen met Kobalt hebben we de content zorgvuldig ontwikkeld, waardoor alles perfect werkt en onze bezoekers eenvoudig hun weg vinden."

Marleen Veldhuis Marleen Veldhuis Communicatie­adviseur, Heineken Pensioenfonds Logo van Heineken Pensioenfonds

Veelgestelde vragen over toegankelijkheid

Lever je digitaal een dienst aan consumenten, dan is de kans groot van wel. De European Accessibility Act geldt sinds 28 juni 2025 voor onder meer webshops, financiële diensten, vervoer, telecom en e-books. Voor overheid, onderwijs en zorg gold de plicht al langer. Micro-ondernemingen die diensten leveren zijn uitgezonderd. Twijfel je? Stuur ons je situatie, dan zeggen we eerlijk of het speelt.

WCAG 2.2 is 2.1 plus negen nieuwe criteria, waarvan er een aantal op niveau AA vallen. Denk aan focus die niet achter een vaste balk mag verdwijnen, klikvlakken die groot genoeg zijn, een alternatief voor slepen en inloggen zonder geheugenpuzzel. Alles wat je voor 2.1 hebt gedaan telt gewoon mee.

In de praktijk altijd AA. Dat is het niveau waar de wetgeving en de Europese norm naar wijzen. Niveau A is te weinig, en AAA is voor de meeste websites niet haalbaar en ook niet bedoeld als algemene eis. Wij richten ons dus op AA en nemen mee wat van AAA logisch en betaalbaar is.

Dat hangt vooral af van hoe je site of app nu in elkaar zit. Zit de basis goed, dan gaat het om aanpassingen aan contrast, focus, labels en formulieren. Is er met veel losse blokken en overgeslagen semantiek gewerkt, dan is het meer werk. We kijken eerst mee en geven daarna een transparante inschatting, zodat je vooraf weet waar je aan toe bent.

Een openbare verklaring waarin je vertelt in hoeverre je website of app aan de eisen voldoet, wat er nog niet klopt en wat je eraan doet. Voor overheidsorganisaties is die verplicht en wordt hij in een centraal register gepubliceerd. Wij leveren de technische onderbouwing waar zo'n verklaring op rust.

Niet als oplossing, nee. Een overlay legt een laagje over je site heen zonder de onderliggende code te repareren. Mensen die dagelijks met een schermlezer werken ervaren er vaak juist hinder van. Je bent er ook niet mee compliant, want de criteria gaan over je eigen HTML en interactie. Beter besteed je datzelfde geld aan het fundament.

Een eerste doorlichting van een bestaande site kost ons doorgaans een paar dagen. Het herstelwerk daarna loopt uiteen van één sprint tot een paar maanden, afhankelijk van de omvang en van hoeveel er structureel moet veranderen. Bij nieuwbouw kost het nauwelijks extra tijd, omdat het gewoon onderdeel is van hoe we bouwen.

Wij testen grondig en lossen op, maar we zijn geen geaccrediteerde onderzoekspartij. Heb je een formeel onderzoek met een verklaring van overeenstemming nodig, dan schakelen we Raadhuis in. Zij doen het onderzoek, wij verwerken de bevindingen in de code.

Ja. In Nederland ondervinden miljoenen mensen in meer of mindere mate hinder van een website die niet toegankelijk is, van slechtziend tot laaggeletterd. Daar komt bij dat toegankelijke code schoon en semantisch is, en dat helpt ook zoekmachines en je eigen onderhoud. Je site wordt er voor iedereen prettiger van.

Brenda die naar de nieuwe Kobalt website kijkt
Aan de slag

We kijken graag even mee

Wil je weten of jouw website of app aan de WCAG voldoet, of bouw je iets nieuws en wil je het meteen goed doen? Spar even met een developer. We kijken mee, zeggen eerlijk wat we zien en wat het ongeveer kost.

Gerelateerde projecten

Toegankelijkheid (WCAG) in de praktijk

Projecten waarbij we deze expertise hebben toegepast.

Overheid & zorg Bekijk project Sport Bekijk project