Maak je website toegankelijk voor iedereen

In deze stap zorg je dat je website werkt voor mensen met visuele, motorische of cognitieve beperkingen, en voldoe je tegelijk aan de Europese toegankelijkheidswet die sinds 2025 voor veel bedrijven verplicht is.

Toegankelijkheid is geen extra laag voor een minderheid, maar een ontwerpkeuze die je hele site beter maakt. Sinds juni 2025 is het voor bedrijven met meer dan tien medewerkers of meer dan twee miljoen omzet zelfs wettelijk verplicht via de European Accessibility Act. In deze stap leg je het fundament.

Leren: WCAG-richtlijnen in begrijpelijke taal

In deze video leg ik uit welke vier principes onder de WCAG-richtlijnen liggen en hoe je ze concreet vertaalt naar keuzes in design, code en content.

Begrijpen: wat maakt een website toegankelijk?

De WCAG-richtlijnen rusten op vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Elke pagina die je bouwt moet aan alle vier voldoen, ongeacht het type bezoeker.

WCAG.nl vertaalt de internationale richtlijnen naar concrete Nederlandse voorbeelden, en wijst op het verschil tussen niveau A, AA en AAA. Voor de meeste bedrijven is niveau AA het wettelijk minimum. Digitaal Toegankelijk raadt aan om bij elk nieuw ontwerp eerst de toetsenbord-test te doen: bedien je site alleen met Tab, Enter en Shift+Tab, en kijk of je elke functie bereikt.

1. Contrast. Houd minimaal een 4,5:1 verhouding tussen tekst en achtergrond, en 3:1 voor grote tekst en interactieve elementen.
2. Alt-teksten. Schrijf bij elke functionele afbeelding een korte beschrijving; decoratieve afbeeldingen krijgen een lege alt.
3. Toetsenbordbediening. Elke knop, link en formulierveld moet bereikbaar en bedienbaar zijn zonder muis.
4. Formulierlabels. Elk veld heeft een zichtbaar label en een duidelijke foutmelding bij invoer.
5. Semantische HTML. Gebruik h1-h6, button, nav en main op de juiste plek, zodat screenreaders de structuur kunnen volgen.
6. Focusindicator. Laat een duidelijk zichtbare omlijning zien rond het element dat focus heeft.

Accessibility.nl wijst erop dat veel ondernemers toegankelijkheid beschouwen als compliance-werk, terwijl het in de praktijk gewoon betere bruikbaarheid oplevert. Een mobiel formulier met grote tikgebieden werkt voor iemand met een motorische beperking, maar net zo goed voor iemand op een wankel treintraject.

Test je site met een screenreader zoals NVDA of VoiceOver. Tien minuten luisteren naar wat een blinde bezoeker hoort, leert je meer dan een hele audit-rapportage.

Toepassen: de blueprint

Loop de toegankelijkheids-checklist door en scoor je site op elk van de zes punten. Voor wettelijke verplichting publiceer je daarna een toegankelijkheidsverklaring op je site.

Doe vandaag deze test: open je homepage en navigeer met alleen je toetsenbord van eerste naar laatste klikbare element. Loop je vast op een knop of een dropdown, dan weet je waar je morgen begint.