6 eisen voor een toegankelijke website op een rij

Twijfel je of de eisen voor de toegankelijkheid van je website ook voor jou gelden? Sinds 28 juni 2025 geldt de European Accessibility Act voor een groot deel van de bedrijven die online aan consumenten verkopen of diensten aanbieden, en daarbij is WCAG 2.1 niveau AA via de Europese norm EN 301 549 de praktische maatstaf voor je website.

Dat betekent concreet dat je site voor iedereen waarneembaar, bedienbaar, begrijpelijk en robuust moet zijn. Waarneembaar wil zeggen dat iemand alles kan zien of horen op een andere manier, bijvoorbeeld met voldoende contrast of een tekstalternatief bij een afbeelding. Bedienbaar betekent dat alles ook zonder muis werkt, dus met toetsenbord of screenreader. Begrijpelijk houdt in dat je taal en formulieren logisch zijn, bijvoorbeeld met een duidelijke foutmelding bij een verkeerd ingevuld veld. Robuust betekent dat je code netjes is opgebouwd, zodat hulpsoftware en nieuwe browsers ermee overweg kunnen.

Val je onder de uitzondering voor micro-ondernemingen? Die grens ligt bij minder dan 10 medewerkers en maximaal 2 miljoen euro omzet. Val je daaronder, dan ben je niet in alle gevallen verplicht, maar verstandig is het wel. Een toegankelijke site is beter te gebruiken voor iedereen, scoort vaak beter in Google en voorkomt klachten van klanten die afhaken bij je bestelproces. Zeker als je een European Accessibility Act webshop verplicht hebt draaien, wil je dit gewoon op orde hebben.

Hoe controleer je of je voldoet? Begin zelf met toetsenbord, zoom tot 200% en een gratis contrastchecker, en laat daarna een audit doen met een handmatige check plus een screenreader. Leg wat je doet vast in een toegankelijkheidsverklaring voor je website, waarin je beschrijft wat je hebt getest en wat je nog verbetert. En nee, je hoeft lang niet altijd alles opnieuw te bouwen. Met quick wins en gericht aanpassen kom je al heel ver.

1. Je tekst blijft leesbaar en voldoet zo aan de eisen voor website-toegankelijkheid

Je tekst is leesbaar als iedereen hem kan lezen, ook met minder goed zicht of fel zonlicht op het scherm. Zorg voor een contrastverhouding van minimaal 4,5:1 voor normale tekst en 3:1 voor grote koppen, en controleer vooral lichtgrijze tekst op een witte achtergrond. Wij raden een lettergrootte van minimaal 16 pixels aan voor lopende tekst, met een regelafstand die ademt.

Test of je site bruikbaar blijft als je inzoomt tot 200%. Menu, knoppen en formulieren mogen dan niet wegvallen of over elkaar heen vallen. Werk je met websites die mee moeten groeien, kies dan voor een schaalbare opmaak in plaats van vaste tekstvakken.

2. Je afbeeldingen en knoppen hebben een tekstalternatief

Een bezoeker met een screenreader hoort niet wat jij ziet, hij hoort wat jij in code hebt gezet. Geef informatieve afbeeldingen een korte alt-tekst die zegt wat er te zien is en wat het oplevert, zoals klusser monteert eiken keukenkast. Decoratieve lijntjes of achtergrondfoto’s krijgen een lege alt, zodat de screenreader ze overslaat.

Hetzelfde geldt voor knoppen en iconen. Een vergrootglas heeft een label nodig als zoeken, en een winkelmandje als naar winkelmand. Controleer dit bij de WCAG 2.1 AA eisen voor je website altijd in je productoverzicht en slider, want daar gaan alt-teksten en labels het vaakst mis.

3. Je website werkt volledig met het toetsenbord

Veel bezoekers gebruiken geen muis, maar Tab, Enter en de spatiebalk. Je menu, dropdown, filter, slider en cookiebalk moeten allemaal bereikbaar en te bedienen zijn met het toetsenbord. De focus moet zichtbaar zijn, dus je ziet altijd waar je bent met een duidelijke omlijning.

Let op drie valkuilen: een toetsenbordval waar je niet meer uit een pop-up komt, een volgorde die verspringt van footer naar header, en een hamburgermenu dat niet opent met Enter. Loop zelf een keer je hele bestel- of contactflow door zonder muis. Kun je alles bereiken en weer afsluiten, dan zit je goed.

4. Je formulieren zijn duidelijk en helpen bij fouten

Een formulier is begrijpelijk als iemand weet wat je vraagt, waarom je het vraagt en wat er misging. Geef elk veld een zichtbaar label, dus niet alleen een placeholder die verdwijnt tijdens het typen. Zet uitleg bij het veld, zoals postcode zonder spatie, en markeer verplichte velden vooraf.

Krijgt iemand een foutmelding, wijs dan het veld aan en vertel hoe je het oplost: Vul een geldig e-mailadres in, zoals jan@voorbeeld.nl. Voor webshops met een bestelproces scheelt dit direct afhakers, omdat klanten bij de betaling niet willen puzzelen.

5. Je video en audio zijn ook te volgen zonder beeld of geluid

Niet iedereen kan je video zien of je podcast horen. Geef video’s ondertiteling voor gesproken tekst en belangrijke geluiden, zoals [deurbel gaat]. Bied bij een langere video een transcript of een korte samenvatting met de belangrijkste punten aan.

Speelt iets automatisch af, zet het geluid dan standaard uit en laat bezoekers zelf op play drukken. Dat is rustiger voor iedereen en voorkomt dat screenreaders overstemd worden.

6. Je pagina’s hebben een logische opbouw en structuur

Een logische structuur helpt bezoekers én hulpsoftware om snel te snappen waar ze zijn. Bouw elke pagina op met één H1, daarna H2’s en H3’s in volgorde, zonder niveaus over te slaan. Zet de belangrijkste inhoud bovenaan en houd navigatie, broodkruimels en knoppen op elke pagina op dezelfde plek.

Zorg dat je code schoon is: titels zijn echte koppen, lijsten zijn echte lijsten en knoppen zijn echte knoppen, geen opgemaakte divs. Twijfel je of aanpassen nog loont of dat vernieuwen slimmer is, bekijk dan de 5 tekenen dat het tijd is om je website te vernieuwen.

Pak je bestaande site zo aan zonder alles opnieuw te bouwen: begin met quick wins zoals contrast, alt-teksten, labels en focusstijlen, laat daarna een audit doen met toetsenbord en screenreader, prioriteer eerst je homepage, contact en checkout, en houd het bij bij elke nieuwe pagina en release. Wil je een toegankelijke website laten maken of je huidige laten fixen, plan dan een korte check van die drie belangrijkste pagina’s en zet de eerste verbeteringen deze week nog live.