Accessibility (WCAG): toegankelijke websites (WCAG)

Wat is het?

Toegankelijkheid betekent dat mensen met een visuele, motorische, auditieve of cognitieve beperking je site kunnen gebruiken. Denk aan schermlezers voor blinden of bediening met alleen een toetsenbord. De Web Content Accessibility Guidelines (WCAG) beschrijven de eisen in drie niveaus: A, AA en AAA; de actuele versie is WCAG 2.2. Niveau AA is in de praktijk de norm; voor overheidswebsites in de EU is het wettelijk verplicht.

Hoe werkt het technisch?

Semantische HTML (<nav>, <main>, <button>, koppen in de juiste volgorde) geeft hulptechnologie structuur.
Alternatieve teksten bij afbeeldingen en labels bij formuliervelden maken content beschrijfbaar.
Toetsenbordbediening: alles moet bereikbaar en bedienbaar zijn zonder muis, met zichtbare focus.
Contrast en leesbaarheid: voldoende kleurcontrast en informatie nooit alleen via kleur overbrengen.
ARIA-attributen vullen HTML aan waar semantiek ontbreekt — spaarzaam en correct gebruikt.

Wat kun je ermee bouwen?

Websites en apps die een groter publiek bereiken, inclusief de vele mensen met een (tijdelijke of permanente) beperking. Digitale diensten die helpen om aan wettelijke eisen te voldoen. Formulieren en flows die duidelijker en robuuster zijn voor álle gebruikers.

Commercieel gebruik

je vergroot je bereik en verkleint juridisch risico; sinds 28 juni 2025 geldt de European Accessibility Act: in België moeten o.a. webshops voor consumenten en bankdiensten toegankelijk zijn (norm EN 301 549, in de praktijk WCAG AA). Micro-ondernemingen die diensten leveren zijn vrijgesteld; laat nakijken wat voor je klant geldt. Accessibility-audits en -herstel zijn een concrete dienst voor bureaus. Toegankelijke sites scoren doorgaans ook beter op usability en SEO.

Sterke combinaties

design systems met toegankelijke componenten (contrast, focus-states ingebakken). Semantische HTML als basis van component architecture. Geautomatiseerde testtools (bijv. axe, Lighthouse) in de CI-pipeline, aangevuld met handmatige tests met een schermlezer.

Belangrijkste 20%

Semantische HTML lost het grootste deel op — gebruik het juiste element in plaats van een div met gedrag.
Test met toetsenbord en een echte schermlezer; automatisering vindt slechts een deel van de problemen.
Toegankelijkheid is een doorlopend ontwerpprincipe, geen eenmalige checklist aan het eind.

Praktijkvoorbeeld (fictief)

een gemeente vernieuwt haar loketwebsite. De nieuwe site gebruikt semantische HTML, toetsenbordvriendelijke formulieren en voldoende contrast, en wordt getest met een schermlezer. Inwoners met een visuele beperking regelen nu zelfstandig een paspoortafspraak; het telefonische loket ontlast merkbaar.