WCAG-richtlijnen: wie verplicht is en wat het kost

Een toegankelijke website is een site die blijft werken als een aanname wegvalt: de bezoeker ziet het scherm niet, kan geen muis gebruiken, hoort de video niet, of leest in fel zonlicht op de telefoon met één hand.

De meeste organisaties komen het onderwerp tegen als een nalevingsschrik vlak voor een toets. Die volgorde levert het slechtst mogelijke resultaat op: een verzameling pleisters op een afgebouwde site. Vanaf de eerste schets meegenomen kost dezelfde eis vrijwel niets en verbetert de site en passant voor iedereen.

Deze gids behandelt de ontwerpkeuzes in plaats van de norm: welke zes fouten in vrijwel elke audit opduiken, hoe je in tien minuten zelf test, hoe een toets verloopt, en wat het werk kost.

Toegankelijkheid is geen visuele stijl, en dat is het eerste misverstand dat weg moet. Sites die voldoen zien eruit als elke andere goed gemaakte site. Wat verandert is een reeks keuzes die anders onbewust vallen: hoeveel contrast de tekst heeft, wat er gebeurt bij het indrukken van de tabtoets, of een invoerveld nog te begrijpen is als de hulptekst verdwijnt.

Volgens het Web Accessibility Initiative van het W3C rusten de richtlijnen op vier principes: inhoud moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn. Die vier woorden helpen in een gesprek met een bureau meer dan de genummerde succescriteria, omdat je er vragen aan een ontwerp uit afleidt.

Het commerciële argument is eenvoudiger dan het morele. Ongeveer één op de zes mensen wereldwijd leeft met een betekenisvolle beperking, en het aandeel loopt met de leeftijd duidelijk op, wat telt voor elk product dat aan vijftigplussers wordt verkocht.

Sinds 28 juni 2025 geldt in Nederland de wet die de Europese toegankelijkheidsrichtlijn omzet. Die raakt niet elke website, en het wijdverbreide idee dat «elke site nu toegankelijk moet zijn» klopt niet.

Onder de wet vallen producten en diensten die op consumenten gericht zijn, waaronder elektronische handel, bankdiensten voor consumenten, e-books, telecommunicatie en personenvervoer. Een zakelijke presentatiesite zonder verkoopfunctie valt er doorgaans buiten; een webshop valt er wel onder.

Voor micro-ondernemingen bestaat een uitzondering: wie diensten levert met minder dan tien werkzame personen en een jaaromzet of balanstotaal van hoogstens twee miljoen euro is vrijgesteld van de verplichtingen voor diensten. Voor producten geldt die uitzondering niet.

De overheid is al langer gebonden via digitoegankelijk.nl, met de Europese norm EN 301 549 als technische verwijzing, die op haar beurt naar de WCAG-richtlijnen wijst. Boetehoogtes hangen af van het geval en worden hier bewust niet genoemd: wie zekerheid nodig heeft over de eigen situatie legt dat voor aan een jurist en niet aan een blog.

Zes fouten vormen het overgrote deel van wat echte audits opleveren, en elk daarvan is een ontwerpkeuze en geen programmeerfout. De jaarlijkse WebAIM Million analyse vindt automatisch detecteerbare tekortkomingen op ruim 95 % van de meestbezochte homepages. In de schets hersteld kosten ze niets; na livegang betekenen ze werk aan afgebouwde sjablonen.

• Te weinig contrast, meestal grijs op wit omdat het in het ontwerp rustiger oogde.
• Ontbrekende alt-teksten, of alt-teksten die de bestandsnaam herhalen.
• Links met de tekst «lees meer», die een schermlezer buiten context voorleest als een rij identieke items.
• Formulieren waarvan het label alleen de hulptekst is, die bij de eerste toetsaanslag verdwijnt.
• Bedienelementen gebouwd van kale divs, onzichtbaar voor hulptechnologie omdat ze geen rol dragen.
• Video zonder ondertiteling, wat dove bezoekers uitsluit en iedereen die zonder geluid kijkt.

Elk hiervan is in een ontwerpbestand in minuten aangepast en in productiecode in uren. Die verhouding is het hele argument om toegankelijkheid als ontwerpvoorwaarde te behandelen en niet als ontwikkeltaak.

Contrast is de meest voorkomende fout en de makkelijkst te voorkomen, omdat je hem kunt controleren voordat er één regel code bestaat. Gevraagd wordt een verhouding van minimaal 4,5 op 1 tussen tekst en achtergrond bij gewone tekst, en 3 op 1 bij grote tekst en bij de zichtbare randen van bedienelementen.

De val zit erin dat merkpaletten worden gekozen op gekalibreerde schermen in verduisterde ruimtes. Een middengrijs dat daar chic oogt, is op de telefoon buiten niet meer te lezen. Het palet al bij de merkontwikkeling controleren in plaats van bij het paginabouwen scheelt een hele categorie herstelwerk.

Kleur mag bovendien niet de enige drager van betekenis zijn. Een formulier dat fouten uitsluitend rood markeert is onbruikbaar voor het aanzienlijke deel mannen met kleurenblindheid. Een pictogram en een zin erbij kosten één regel.

Blijft de focusindicator over. Ontwerpers verwijderen de standaardomlijning van de browser vaak omdat die botst met het ontwerp, en zetten er niets voor terug. Die ene keuze maakt de hele site onbruikbaar met het toetsenbord, en het is de ernstigste fout die we op verder verzorgd werk telkens weer tegenkomen.

Bediening met het toetsenbord is de snelste manier om een site te beoordelen en vraagt geen gereedschap. Leg de muis weg, druk herhaaldelijk op Tab en kijk wat er gebeurt. Wie elk bedienelement bereikt, altijd ziet waar hij is en nergens vastloopt, heeft een site in redelijke staat.

Drie dingen gaan in de praktijk mis. De volgorde springt omdat elementen visueel zijn geplaatst in plaats van geordend in de opmaak. Er opent een dialoog en Tab loopt door de pagina erachter, waardoor de sluitknop onbereikbaar blijft. En een menu dat alleen opengaat bij muisaanwijzing is simpelweg niet te bedienen.

Er moet daarnaast een manier zijn om herhaalde blokken over te slaan. Op een site met een grote kop drukt iemand anders op elke pagina twintig keer Tab voordat de inhoud begint. Een skiplink bestaat uit een paar regels en hoort bij de meest rendabele correcties die er zijn.

Hiervoor is geen schermlezer nodig. Tab, Enter, Escape en de pijltoetsen brengen de meeste ernstige problemen binnen tien minuten aan het licht.

Formulieren zijn de plek waar drempels direct geld kosten, omdat het formulier meestal de conversie is. De eisen zijn kort en weinig spectaculair, en vrijwel elke commerciële site overtreedt er minstens één.

Elk veld heeft een zichtbaar label nodig dat zichtbaar blijft. Hulptekst in het veld is geen label: die verdwijnt bij de eerste toetsaanslag en laat wie werd afgeleid raden. Bij elkaar horende velden hebben groepering nodig zodat een schermlezer ze als geheel aankondigt.

Foutmeldingen moeten zeggen wat te doen, niet wat er misging. «Ongeldige invoer» helpt niemand; «voer de datum in als DD-MM-JJJJ» wel. De melding moet bovendien worden aangekondigd, aan het veld gekoppeld zijn en bereikbaar, en daarop strandt een visueel fraai foutoverzicht bovenaan de pagina vaak.

Tijdslimieten verdienen vermelding omdat ze onzichtbaar zijn tot ze schaden. Een boekingsproces dat de sessie na tien minuten afbreekt sluit iedereen uit die langzamer leest of een schermlezer gebruikt, en die groep doet meetbaar langer over dezelfde route.

Overlay-widgets, die zwevende toegankelijkheidsknoppen die tegen een maandbedrag directe naleving beloven, verdienen een rechtstreeks antwoord omdat ze juist aan de lezers van dit stuk worden verkocht.

Ze maken een site niet toegankelijk. Een overlay ligt over de bestaande opmaak en gokt naar betekenis die hij niet kan zien: hij weet niet wat een onbeschreven afbeelding toont, kan geen koppenstructuur afleiden en geen component repareren dat geen rol draagt. Wat hij wel kan, lettergrootte en kleuren veranderen, kon de bezoeker al in de eigen browser.

Het praktische argument weegt zwaarder dan het theoretische. Gebruikers van schermlezers melden al jaren publiekelijk dat overlays hun eigen software verstoren, en vakmensen in toegankelijkheid hebben een open brief ondertekend waarin ze het gebruik afraden.

Eerlijk gezegd koopt een overlay bij abonnement de schijn van een oplossing. Wat wordt beoordeeld, door toezichthouders en door echte gebruikers, is de opmaak eronder.

Een bestaande site toetsen gaat in drie rondes, en de volgorde telt omdat elke ronde duurder is dan de vorige. Eerst een externe audit inkopen, vóór de gratis rondes, besteedt het grootste deel van het budget aan bevindingen die je zelf had kunnen verzamelen.

De eerste ronde is automatisch. Een browserextensie of een controleur op de opdrachtregel vindt contrast, ontbrekende alt-teksten en velden zonder label in minuten. Automatische gereedschappen vangen een betekenisvolle minderheid van de echte problemen, vaak geschat op ongeveer een derde, dus een schoon rapport is het begin en niet het einde.

De tweede ronde is handmatig en gratis: de toetsenbordronde hierboven, plus de pagina met uitgeschakelde afbeeldingen en met 200 % zoom bekijken. Hier komen de structurele problemen boven die geen scanner ziet.

De derde is de expertbeoordeling met hulptechnologie, en die is het geld waard. Die dekt wat geen gereedschap detecteert: of de leesvolgorde klopt, of aankondigingen bruikbaar zijn, en of een taak daadwerkelijk af te ronden is. Koop die in ná de eerste twee rondes, niet ervoor.

Ingebouwd in een nieuwe site voegt toegankelijkheid vrijwel niets aan de rekening toe. Palettoets, focusstaten, gelabelde formulieren en semantische structuur zijn keuzes en geen extra werk, en een bekwaam team maakt ze standaard. Volgens onze gepubliceerde prijzen begint een enkele pagina bij € 1.500 en een site van tien tot dertig pagina's bij € 4.500, met toegankelijkheid daarbinnen in plaats van erbovenop.

Een bestaande site aanpassen is economisch iets anders. Contrast en alt-teksten zijn goedkoop. Componenten herbouwen die uit kale divs bestonden, of een pagina herordenen waarvan de visuele volgorde niet met de opmaakvolgorde overeenkomt, is sjabloonwerk en ligt doorgaans tussen € 2.000 en € 8.000, afhankelijk van het aantal sjablonen.

Een expertbeoordeling met hulptechnologie op een middelgrote site is op zichzelf al een opdracht van vier cijfers, en juist daarom horen de gratis rondes eerst.

Het getal dat er het meest toe doet is niet de reparatieprijs maar de herstelverhouding. Een contrastprobleem dat in het ontwerpbestand wordt gezien is een wijziging van vijf minuten. Hetzelfde probleem na livegang raakt elk sjabloon, het ontwerpsysteem en de tests. Bedragen exclusief 21 % btw. Hoe dit in een compleet project past staat in onze gids over de bedrijfswebsite.