Wat is web accessibility (a11y) en waarom is het belangrijk?
Web accessibility (a11y, een afkorting waarbij 11 het aantal letters tussen de a en de y vervangt) betekent dat een website of applicatie zo gebouwd is dat mensen met een beperking hem net zo goed kunnen gebruiken als iedereen. Dit omvat schermlezer-ondersteuning, voldoende kleurcontrast, toetsenbordnavigatie en duidelijke foutmeldingen. De internationale standaard hiervoor is de WCAG (Web Content Accessibility Guidelines), met niveaus A, AA en AAA. In Nederland zijn overheidswebsites wettelijk verplicht om WCAG AA te halen.
Web accessibility, ook wel a11y genoemd, betekent dat een website bruikbaar is voor iedereen, inclusief mensen met een visuele, motorische, auditieve of cognitieve beperking.
Toegankelijkheid gaat verder dan een compliance-checklist. Het bepaalt of iemand die een schermlezer gebruikt, alleen het toetsenbord kan bedienen, of moeite heeft met lage contrasten, jouw website daadwerkelijk kan gebruiken.
De vier pijlers van toegankelijkheid
WCAG bouwt op vier principes, samengevat als POUR: perceivable (waarneembaar), operable (bedienbaar), understandable (begrijpelijk) en robust (robuust). Waarneembaar betekent dat content in meerdere vormen beschikbaar is, zoals alt-tekst bij afbeeldingen en ondertiteling bij video. Bedienbaar betekent dat alle functionaliteit ook met een toetsenbord te bereiken is, niet alleen met een muis. Begrijpelijk betekent duidelijke taal en voorspelbaar gedrag. Robuust betekent dat de code goed samenwerkt met hulptechnologie zoals schermlezers.
Veelvoorkomende toegankelijkheidsproblemen
Een paar problemen komen structureel terug op websites: onvoldoende kleurcontrast tussen tekst en achtergrond, afbeeldingen zonder alt-tekst, formuliervelden zonder gekoppeld label, focus-indicatoren die zijn weggestyled met outline: none, en interactieve elementen die alleen op een muisklik reageren en niet op toetsenbordinvoer.
Elk van deze problemen is relatief eenvoudig te voorkomen als je er tijdens de bouw rekening mee houdt, maar kostbaar om achteraf te herstellen zodra de structuur van een site al vastligt.
WCAG-niveaus en de wettelijke context
WCAG kent drie niveaus. Niveau A dekt de meest basale eisen. Niveau AA is de praktijknorm die de meeste organisaties nastreven, en de wettelijke eis voor overheidswebsites binnen de EU. Niveau AAA is het strengste niveau en in de praktijk zelden volledig haalbaar voor een complete website, omdat sommige eisen elkaar tegenspreken bij bepaalde soorten content.
Voor commerciële websites is WCAG AA geen wettelijke verplichting in Nederland, maar wel de erkende kwaliteitsstandaard. Bedrijven die toegankelijkheid serieus nemen, gebruiken WCAG AA als richtlijn, ook zonder wettelijke dwang.
Hoe je toegankelijkheid praktisch aanpakt
Begin met semantische HTML: gebruik <button> voor knoppen, <nav> voor navigatie en koppen in logische volgorde (h1 gevolgd door h2, niet willekeurig springen). Test vervolgens toetsenbordnavigatie door met Tab door de hele pagina te lopen en te controleren of elk interactief element bereikbaar en zichtbaar gefocust is.
Controleer kleurcontrast met een tool zoals de WebAIM Contrast Checker, en test de pagina met een schermlezer zoals NVDA (gratis, Windows) of VoiceOver (ingebouwd op macOS). Automatische scanners zoals axe of Lighthouse vangen een deel van de problemen, maar handmatige toetsenbord- en schermlezertests blijven nodig omdat automatische tools ongeveer dertig procent van de WCAG-criteria kunnen controleren.
De relatie met SEO en performance
Toegankelijkheid en SEO delen dezelfde technische basis: semantische HTML, duidelijke koppenstructuur en beschrijvende alt-teksten helpen zowel schermlezers als zoekmachines om content te begrijpen. Wie bouwt volgens progressive enhancement bouwt daardoor bijna automatisch mee aan een toegankelijkere site.
Bij websites op maat van Stuurboard BI nemen we toegankelijkheid mee vanaf de ontwerpfase, niet als losse stap achteraf.
Onze tip: Doe een keer de Tab-test op je eigen website: klik ergens in de adresbalk en navigeer alleen met Tab en Enter. Kom je overal waar je moet zijn, en zie je altijd duidelijk waar je focus staat? Dat is de snelste eerste indicator van hoe toegankelijk je site daadwerkelijk is.
Veelgestelde vragen
Wat betekent a11y precies?
A11y is een genummerd afkortingswoord (numeronym) voor 'accessibility': de a en de y zijn de eerste en laatste letter, en 11 staat voor het aantal letters daartussen (c-c-e-s-s-i-b-i-l-i-t). Het wordt in de webdevelopment-wereld gebruikt als kortere, herkenbare term voor digitale toegankelijkheid, vergelijkbaar met i18n voor internationalisatie.
Wat is WCAG en welk niveau moet ik halen?
WCAG (Web Content Accessibility Guidelines) is de internationale standaard voor digitale toegankelijkheid, opgesteld door het W3C. De richtlijnen kennen drie niveaus: A (minimaal), AA (gangbare praktijknorm) en AAA (strengst, zelden volledig haalbaar). Overheidswebsites in Nederland en de EU zijn wettelijk verplicht WCAG 2.1 niveau AA te halen. Voor commerciële sites is dit geen wettelijke plicht, maar wel de gangbare kwaliteitsnorm.
Is toegankelijkheid alleen belangrijk voor mensen met een beperking?
Nee. Goede toegankelijkheid helpt ook mensen met een tijdelijke beperking (een gebroken arm, fel zonlicht op een scherm), oudere gebruikers, mensen met een trage internetverbinding die afhankelijk zijn van goed gestructureerde HTML, en zoekmachines die dezelfde semantische structuur gebruiken om content te begrijpen. Toegankelijkheid en SEO overlappen daardoor voor een groot deel.
Wat kost het om een website toegankelijk te maken?
Toegankelijkheid vanaf het begin meenemen in het ontwerp en de bouw kost relatief weinig extra tijd, vooral als je start met semantische HTML, voldoende contrast en toetsenbordnavigatie. Toegankelijkheid achteraf toevoegen aan een bestaande site is duurder, omdat structuur en interactiepatronen dan vaak herzien moeten worden. Een toegankelijkheidsaudit vooraf geeft een goed beeld van de benodigde inspanning.