Een toegankelijkere website in tien stappen.
Tien stappen die je grotendeels zelf controleert, van contrast en alt-teksten tot toetsenbordbediening. Plus wat de Europese toegankelijkheidswet betekent.
Bijna iedereen heeft weleens moeite met een website. Een lichtgrijze tekst in de zon, een knop die te klein is voor je duim, een video zonder geluid in de trein. Voor mensen met een visuele, motorische of cognitieve beperking zijn dat geen kleine ergernissen, maar muren. Een toegankelijke website haalt die muren weg. Voor hen, en voor iedereen.
Je hoeft geen expert te zijn om grote stappen te zetten. Deze tien stappen kun je grotendeels zelf controleren.
Waarom dit nu speelt
De internationale norm voor toegankelijke websites heet de WCAG, de Web Content Accessibility Guidelines. Het gangbare doel is niveau AA. Overheidswebsites in Nederland moeten daar al langer aan voldoen.
Sinds 28 juni 2025 geldt ook de Europese toegankelijkheidswet, de European Accessibility Act. Die verplicht een deel van de bedrijven om bepaalde producten en diensten toegankelijk te maken, zoals webwinkels en online bankdiensten. Heel kleine ondernemingen die diensten leveren, zijn uitgezonderd. Twijfel je of het voor jou geldt? Zoek het uit, of vraag het je maker. Maar ook als de wet niet voor je geldt, zijn de stappen hieronder gewoon goed werk.
1. Zorg voor genoeg contrast
Tekst moet duidelijk afsteken tegen de achtergrond. Voor gewone tekst is de norm een contrastverhouding van minstens 4,5 tegen 1, voor grote tekst 3 tegen 1. Controleer je kleuren met een gratis contrastchecker. Lichtgrijs op wit valt bijna altijd af.
2. Beschrijf je afbeeldingen
Mensen die een schermlezer gebruiken, horen de alt-tekst van een afbeelding. Beschrijf wat er te zien is en waarom het ertoe doet. Is een afbeelding puur decoratie, laat de alt-tekst dan leeg, zodat de schermlezer hem overslaat.
3. Gebruik echte koppen
Koppen zijn niet alleen grote, vette tekst. Ze geven structuur, en schermlezers gebruiken ze om door een pagina te springen. Gebruik één hoofdkop per pagina en daaronder logisch genummerde tussenkoppen. Sla geen niveaus over omdat je een kleinere letter mooier vindt.
4. Alles moet met het toetsenbord kunnen
Leg je muis weg en probeer je website met alleen de Tab-toets, Enter en de pijltjes te gebruiken. Kom je overal? Kun je het menu openen, een formulier invullen en een pop-up sluiten? Zo niet, dan kan een deel van je bezoekers dat ook niet.
5. Laat zien waar je bent
Tijdens die toetsenbordtest moet je steeds kunnen zien welk element actief is. Dat heet de focusindicator, meestal een rand of lijn. Sommige ontwerpen halen die weg omdat het niet mooi zou zijn. Doe dat niet. Maak hem liever passend bij je stijl.
6. Schrijf duidelijke linkteksten
"Klik hier" en "Lees meer" zeggen niets als je ze los hoort, en schermlezers laten mensen vaak juist een lijst van alle links doorlopen. Schrijf waar de link naartoe gaat: "Bekijk onze openingstijden".
7. Geef formuliervelden een label
Elk invulveld heeft een zichtbaar label nodig dat zegt wat erin moet. Een grijze voorbeeldtekst in het veld zelf is geen label, want die verdwijnt zodra je begint te typen. Leg bij foutmeldingen uit wat er misging en hoe je het oplost.
8. Laat tekst groter kunnen worden
Zoom je browser in tot 200 procent. Blijft alles leesbaar, zonder dat tekst over elkaar heen valt of je horizontaal moet scrollen? Veel mensen lezen standaard met een grotere letter.
9. Ondertitel je video's
Video's met gesproken tekst hebben ondertiteling nodig. Daar heeft niet alleen iemand die doof of slechthorend is iets aan, maar ook iedereen die zonder geluid kijkt. En dat zijn er veel.
10. Stel de taal van je pagina in
Een schermlezer moet weten in welke taal je pagina is geschreven, anders leest hij Nederlandse tekst met een Engelse uitspraak voor. Dit is één regel in de code van je site. Vraag je maker of het goed staat.
Toen ik mijn eigen website doorlichtte, vond ik precies dit soort dingen. Het gesloten menu op mobiel bevatte tien links die je met de Tab-toets kon bereiken, terwijl je ze niet zag. De knop in de cookiemelding was 32 pixels hoog, te klein voor een duim. En de voorbeeldtekst in het contactformulier was op de donkere achtergrond nauwelijks leesbaar. Alle drie waren goed op te lossen, maar zonder controle had ik ze nooit gezien.
Je volgende stap
Doe vandaag de toetsenbordtest uit stap 4 en de zoomtest uit stap 8 op je belangrijkste pagina. Dat kost een kwartier en laat meteen zien waar je staat. Een automatische controle met een gratis browserextensie vindt daarna een deel van de rest. Een volledige toegankelijkheidsaudit door een specialist gaat verder, en is verstandig als de wet voor je geldt.
Meer weten over de norm zelf? Op digitoegankelijk.nl vind je de Nederlandse uitleg, en de WCAG 2.2 staat volledig online.
