Toegankelijke website laten maken? Wat het eigenlijk betekent
Toegankelijke website laten maken? Dan bedoel je een site die iedereen kan gebruiken, ook mensen met een visuele, motorische of cognitieve beperking. Denk aan iemand die alleen met het toetsenbord navigeert, iemand die de tekst laat voorlezen door een schermlezer, of een oudere klant die de letters twee keer zo groot zet.
De standaard daarvoor heet WCAG, de Web Content Accessibility Guidelines. Die zijn opgebouwd rond vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Elk criterium heeft een niveau: A, AA of AAA. In Nederland en Europa is niveau AA de gangbare lat.
Toegankelijkheid is geen apart laagje dat je er achteraf overheen legt. Het zit in de manier waarop de site gebouwd is: koppen in de juiste volgorde, formulieren met echte labels, knoppen die ook met het toetsenbord werken. Daarom is het veel goedkoper om het meteen goed te doen dan om het later te repareren.
Is een toegankelijke website verplicht? Wat je moet weten
Voor overheidsorganisaties al jaren wel: zij moeten aan WCAG niveau AA voldoen en een toegankelijkheidsverklaring publiceren. Sinds 28 juni 2025 geldt daarnaast de Europese Toegankelijkheidsrichtlijn (European Accessibility Act) voor een aantal diensten in de private sector, zoals webshops en andere vormen van online verkoop aan consumenten, en bijvoorbeeld bankdiensten.
Er is een belangrijke uitzondering: micro-ondernemingen met minder dan tien medewerkers en een jaaromzet of balanstotaal van maximaal €2 miljoen vallen voor diensten buiten die verplichting. Voor veel zzp'ers en kleine dienstverleners is het dus geen wettelijke plicht. Twijfel je over jouw situatie, laat je dan juridisch adviseren, want ik ben webbouwer en geen jurist.
Verplicht of niet: een toegankelijke site is in de praktijk vaak ook een duidelijkere site. Goede contrasten, heldere koppen en formulieren die je zonder gepuzzel invult, helpen elke bezoeker. En dezelfde schone structuur helpt Google om je pagina's te begrijpen.
Wat erin zit
Semantische opbouw
Echte koppen, lijsten en knoppen in plaats van lege blokken, zodat schermlezers de structuur van je pagina snappen.
Toetsenbordbediening
Menu, formulieren en knoppen werken zonder muis, met een zichtbare focusrand.
Contrast in het ontwerp
Kleuren worden vanaf het eerste ontwerp gekozen met het WCAG-contrast in gedachten.
Toegankelijke formulieren
Labels bij elk veld en foutmeldingen die precies zeggen wat er aangepast moet worden.
Geen overlay-widget
We lossen het op in de code zelf, in plaats van een knopje dat de problemen alleen verstopt.
WCAG-proof WordPress website? Waar het vaak misgaat
Er zijn WordPress-thema's met het label "accessibility ready" en dat is eerlijk gezegd een goed vertrekpunt. Ze hebben skip-links, zichtbare focus en een logische opbouw. Het probleem ontstaat daarna: zodra er een pagebuilder overheen gaat, wordt elke sectie een stapel lege blokken zonder betekenis. Een schermlezer hoort dan geen koppen en geen structuur meer, alleen losse tekst.
Een tweede valkuil zijn toegankelijkheidswidgets: het knopje in de hoek waarmee bezoekers de letters groter of het contrast hoger zetten. Ze zien er behulpzaam uit, maar ze repareren de onderliggende code niet. Een knop zonder label blijft een knop zonder label. Sommige van die widgets zitten schermlezers zelfs in de weg, omdat ze een eigen voorleesfunctie over die van de gebruiker heen leggen.
Een technisch detail dat ik vaak tegenkom: de kleurcontrast-eis. Voor gewone tekst vraagt WCAG AA een contrast van minimaal 4,5 op 1 met de achtergrond. Lichtgrijze tekst op wit, of witte tekst op een lichte merkkleur, haalt dat vaak niet. Dat moet je dus al bij het ontwerp oplossen, niet achteraf.
Wat maakt een website digitaal toegankelijk? De checklist
Dit zijn de punten waar ik bij een nieuwe site als eerste op let. Het is geen volledige WCAG-lijst, wel het deel waar de meeste sites op struikelen.
- Koppen in een logische volgorde, één H1 per pagina
- Alt-tekst bij afbeeldingen die iets betekenen, en leeg bij puur decoratieve beelden
- Alles bedienbaar met het toetsenbord, met een zichtbare focusrand
- Formuliervelden met echte labels en foutmeldingen die zeggen wat er mis is
- Voldoende kleurcontrast, en informatie die niet alleen via kleur wordt overgebracht
- Tekst die tot 200% vergroot kan worden zonder dat de pagina breekt
- Linkteksten die zonder context begrijpelijk zijn, dus geen "klik hier"
Een toegankelijke website laten maken bij Direct Online: wat kost het?
Een complete website kost bij ons €3000 eenmalig, excl. btw. Vaste prijs, geen contracten. Daarin zit een gepersonaliseerd ontwerp, responsive opbouw, de SEO-basis, een contactformulier met Google Maps, en je blijft eigenaar van domein, code en content. We bouwen met de WCAG-criteria als uitgangspunt: schone code, logische koppen, labels, contrast en toetsenbordbediening. De site staat binnen 24 uur live na de briefing en je feedback, en je hebt 30 dagen niet-goed-geld-terug.
Wel eerlijk: een toegankelijk gebouwde site is iets anders dan een formele audit of een officiële toegankelijkheidsverklaring. Heb je die nodig, bijvoorbeeld voor een aanbesteding of als overheidsinstelling, vraag daar dan apart naar. Ook content die jij later zelf toevoegt, zoals pdf's of afbeeldingen zonder alt-tekst, kan de toegankelijkheid weer onderuithalen.
Bekijk op website laten maken hoe het traject verder loopt, of lees over WordPress onderhoud als je wilt dat iemand blijft meekijken bij updates.
