Accessibility: een website die voor iedereen werkt
Ongeveer een op de vijf Nederlanders heeft een beperking. Slechtziend, kleurenblind, hardhorend of motorisch beperkt. Toch is de gemiddelde site geen toegankelijke website. Grijze tekst op een lichte achtergrond. Menu’s die alleen met de muis werken. Formulieren zonder labels. Die bezoekers haken af en jij ziet alleen een cijfer in je statistieken.
Ondernemers schrikken vaak als ik digitale toegankelijkheid aankaart. Ze denken meteen aan dure trajecten en dikke rapporten. In de praktijk valt het reuze mee.
Een fysiotherapiepraktijk uit Enkhuizen liep hier tegenaan. Oudere clienten belden om een afspraak, terwijl er een online agenda stond. Die agenda bleek onbruikbaar zonder muis. Het contrast van de tekst was bovendien veel te laag. Op een telefoon in de zon las niemand het.
Ik heb drie dingen aangepakt. Het contrast omhoog naar de norm. Alle velden voorzien van een zichtbaar label. En de agenda volledig bedienbaar gemaakt met het toetsenbord. Het aantal online afspraken steeg binnen een kwartaal met ruim een derde. De telefoon ging merkbaar minder.
Wat is accessibility?
Accessibility betekent letterlijk toegankelijkheid. Het gaat om websites die iedereen kan gebruiken. Ook mensen met een visuele, motorische of cognitieve beperking. In het vakgebied hoor je vaak de afkorting a11y. Dat is gewoon accessibility met elf letters ertussenuit.
Voor wie doe je dit precies?
De doelgroep is groter dan de meeste mensen denken. Denk aan iemand die slechtziend is. Denk aan iemand met een gebroken pols. Denk aan een oudere klant met een trillende hand. Denk ook aan jezelf in de felle zon. Toegankelijk ontwerp helpt uiteindelijk iedere bezoeker.
Toegankelijk ontwerp begint bij contrast, structuur en bedienbaarheid.
De vier principes achter toegankelijk webdesign
De internationale richtlijn heet WCAG. Die richtlijn rust op vier principes. Ik loop ze kort langs. Meer detail vind je bij WCAG.
1. Waarneembaar
Informatie moet zichtbaar of hoorbaar zijn. Denk aan voldoende kleurcontrast tussen tekst en achtergrond. Denk ook aan een goede alt-tekst bij elke afbeelding. Video’s krijgen ondertiteling. Kleur alleen is nooit genoeg als betekenisdrager.
2. Bedienbaar
Alles moet werken zonder muis. Bij toetsenbordnavigatie gebruikt je bezoeker alleen de tabtoets. Menu’s, formulieren en knoppen moeten die volgorde volgen. Een zichtbare focusrand is daarbij verplicht. Zonder die rand raakt iemand meteen de weg kwijt.
3. Begrijpelijk
Taal en structuur moeten helder zijn. Gebruik korte zinnen en duidelijke koppen. Foutmeldingen in formulieren leggen uit wat er misging. Vermijd vakjargon waar het kan. Doe je dat toch, leg het dan uit.
4. Robuust
Je code moet samenwerken met hulpsoftware. Semantische HTML is daarvoor de basis. Een screenreader leest die structuur namelijk voor. Waar semantiek tekortschiet, vul je aan met ARIA.
Hoe zit het met de wet?
Voor overheidssites geldt in Nederland al langer een verplichting. Zij moeten voldoen aan WCAG niveau AA. Sinds juni 2025 geldt daarnaast de European Accessibility Act. Die raakt ook commerciele partijen, zoals een webwinkel of een bank. Twijfel je of jouw site eronder valt? Vraag het na bij een jurist.
Los van de wet vind ik het gewoon fatsoenlijk. Je sluit anders klanten uit zonder het te weten.
Wat ik in de praktijk aanpas
Een website toegankelijk maken pak ik bij een nieuwe site vanaf dag een mee. Achteraf repareren kost altijd meer tijd. En het resultaat is zelden net zo netjes.
Vijf snelle verbeteringen
Zet het contrast van tekst op minimaal 4,5 staat tot 1.
Geef elke afbeelding een beschrijvende alt-tekst.
Koppel elk formulierveld aan een zichtbaar label.
Gebruik koppen in de juiste volgorde, van H1 naar H4.
Schrijf linkteksten die op zichzelf duidelijk zijn.
Die laatste is een klassieker. Een link met de tekst lees meer zegt niets. Een screenreader leest namelijk vaak alleen de links voor.
Hoe test je toegankelijkheid?
Automatische tools vangen ongeveer een derde van de problemen. Ze zijn nuttig als eerste zeef. Ik gebruik ze altijd samen met een handmatige check.
Mijn vaste testronde
Eerst navigeer ik de hele site met alleen het toetsenbord. Daarna zet ik een screenreader aan. Vervolgens controleer ik contrast en tekstgrootte. Tot slot vergroot ik de pagina naar 200 procent. Blijft alles bruikbaar, dan zit het goed.
Ik neem deze ronde ook mee in periodiek onderhoud. Een update van een thema kan toegankelijkheid namelijk stilletjes slopen.
Twee hardnekkige misverstanden
Toegankelijk betekent saai
Onzin. Toegankelijkheid gaat over structuur en contrast, niet over smaak. Een strak ontwerp kan prima toegankelijk zijn. Goede UX en toegankelijkheid versterken elkaar juist.
Een overlay-plugin lost alles op
Die beloftes klinken mooi in een advertentie. Ervaringsdeskundigen zijn er echter zeer kritisch over. Zo’n laag verbergt het probleem in plaats van het op te lossen. Ik raad het daarom af.
Tot slot
Accessibility maakt je website bruikbaar voor meer mensen. Het scherpt bovendien je usability voor iedereen aan. Begin klein en bouw het uit. Elke verbetering telt direct mee.
Meer vragen over Accessibility
Dit zijn de vragen die ik hierover het vaakst krijg. Ik werk ze los uit.
Wat is een toegankelijke website precies?
Wat kost het om een website toegankelijk te maken?
Is mijn bedrijf wettelijk verplicht om toegankelijk te zijn?
Hoe test je de toegankelijkheid van een website?
Helpt digitale toegankelijkheid ook voor je vindbaarheid?
Hoe maak je een website bruikbaar met een screenreader?
Wat kost een toegankelijke website?
Ja, en sterker dan de meeste mensen denken. Een zoekmachine is in feite een blinde bezoeker. Google ziet geen kleuren en geen mooie plaatjes. Het leest je code, net als hulpsoftware dat doet.
Daardoor overlappen de twee vakgebieden flink. Een goede koppenstructuur helpt een screenreader en een zoekmachine. Een beschrijvende alt-tekst doet precies hetzelfde. Duidelijke linkteksten ook.
Er is nog een tweede effect. Toegankelijke sites zijn vaak sneller en schoner gebouwd. Minder zware scripts, minder onnodige opmaak. Dat merk je terug in je laadtijd en je gedragssignalen.
Ik zou toegankelijkheid alleen nooit verkopen als SEO-truc. Dat doet het onderwerp tekort. Zie het als een verbetering die op meerdere plekken rendeert. Je bereikt meer mensen en Google begrijpt je site beter.
Let wel op de volgorde. Bouw voor je bezoeker, niet voor de zoekmachine. Doe je het andersom, dan krijg je een site die nergens echt in uitblinkt. Begin bij je koppenstructuur, want die telt voor allebei het zwaarst.
Helpt toegankelijkheid ook voor mijn vindbaarheid?
Bij een nieuwe website kost het nauwelijks extra. Dat verbaast mensen bijna altijd. De reden is simpel: goede code is toegankelijke code. Ik bouw sowieso met nette koppen, labels en contrast. Dat zit al in mijn manier van werken.
Bij een bestaande site ligt het anders. Daar hangt de prijs af van hoe de site is opgebouwd. Zit het probleem in kleuren en teksten? Dan is het vaak binnen een dag geregeld. Zit het in een thema of een paginabouwer? Dan wordt het meer werk.
Ik begin daarom altijd met een scan. Binnen een dagdeel weet je waar je staat. Je krijgt een lijst met knelpunten en een inschatting per punt. Daarna beslis jij wat je oppakt.
Houd er rekening mee dat toegankelijkheid geen eenmalige klus is. Een update kan het weer breken. Neem het daarom mee in je periodieke onderhoud.
Zet het bedrag naast wat het oplevert. Je bereikt meer mensen en je verlaagt je juridisch risico. Zo bekeken is het zelden een dure investering.
Welk WCAG-niveau moet ik aanhouden?
Mik op niveau AA. Dat is wereldwijd de gangbare norm en ook de norm in Europese wetgeving. Niveau A is te mager en dekt alleen de grofste problemen.
Niveau AAA klinkt ambitieus, maar is zelden volledig haalbaar. Sommige eisen zijn voor een gewone bedrijfssite niet realistisch. Denk aan gebarentaal bij elke video. Ik zie ook zelden dat een klant dat nodig heeft.
Wat ik wel doe: losse AAA-punten meenemen waar het makkelijk kan. Extra hoog contrast bijvoorbeeld, of een uitgebreidere focusrand. Dat kost niets extra en helpt echt.
Belangrijker dan het niveau is de volhardendheid. Een site die vandaag AA haalt, kan over een half jaar zakken. Nieuwe pagina’s, nieuwe plugins, nieuwe fouten. Leg je uitgangspunten vast en controleer periodiek. Meer over de richtlijn zelf lees je bij WCAG.
Leg je keuze ook vast op papier. Zo weet een volgende bouwer waar hij zich aan houdt. Dat voorkomt dat je over een jaar opnieuw begint.
Is mijn bedrijf wettelijk verplicht toegankelijk te zijn?
Voor overheidsorganisaties geldt in Nederland al langer een harde verplichting. Zij moeten voldoen aan niveau AA en dat ook publiceren. Dat staat los van hun eigen wensen.
Sinds juni 2025 geldt daarnaast de European Accessibility Act. Die richt zich op producten en diensten richting consumenten. Denk aan webshops, banken, vervoer en telecom. Kleine ondernemingen kunnen onder een uitzondering vallen.
Ik ben geen jurist en wil je hier niets wijsmaken. Of jouw situatie eronder valt, hangt af van je omvang en je dienst. Vraag dat na bij iemand die daar echt verstand van heeft.
Wat ik je wel kan zeggen: de richting is duidelijk. De eisen worden strenger, niet losser. Wachten tot het moet is de duurste route. Begin met de basis en bouw rustig uit. Dat scheelt straks een haastklus. Bekijk ook mijn uitleg over screenreader software.
Publiceer daarnaast een korte toegankelijkheidsverklaring. Daarin staat wat je hebt gedaan en waar het nog schuurt. Dat is eerlijk en het straalt vertrouwen uit.
Werkt een toegankelijkheids-overlay of accessibility-plugin?
Ik raad ze af, en dat doe ik met overtuiging. Zo’n overlay is een script dat een knopje op je site zet. Daarmee kan een bezoeker kleuren of lettergrootte aanpassen. In de advertenties belooft het volledige naleving in één regel code.
Dat klopt niet. Een overlay verandert je onderliggende code niet. De structuur blijft rommelig, de labels blijven ontbreken. Je verstopt het probleem achter een knop.
Erger nog: veel ervaringsdeskundigen ervaren overlays als hinderlijk. Ze botsen met de hulpsoftware die iemand zelf al gebruikt. Er zijn internationaal rechtszaken gevoerd tegen sites mét zo’n overlay.
Mijn aanpak is minder spannend maar wel effectief. Contrast fixen, labels toevoegen, toetsenbordbediening controleren. Saai werk in de code, geen knopje op de site. Meer over hoe je dat aanvult lees je bij ARIA.
Zie je zo’n knopje op een site staan? Test die site dan zelf met alleen je toetsenbord. Meestal loop je binnen een minuut ergens vast.
Wil je weten hoe jouw website ervoor staat? Vul het formulier hieronder in met de link naar je site. Ik doe een snelle toegankelijkheidscheck en stuur je de drie grootste knelpunten. Daar kun je meteen mee vooruit, met of zonder mij. Zet je plaats erbij, dan weet ik of langskomen een optie is.
Waar kan ik je mee helpen?
Ook bekend als: Toegankelijkheid, a11y, digitale toegankelijkheid
