Toegankelijkheid
Europese Toegankelijkheidswet, WCAG-standaarden en je site bruikbaar maken voor iedereen.
De Europese Toegankelijkheidswet (EAA) treedt volledig in werking op 28 juni 2025 en vereist dat bedrijven die online producten of diensten verkopen voldoen aan WCAG 2.1 AA-toegankelijkheidsstandaarden. In Nederland is de ACM (Autoriteit Consument & Markt) de handhavingsautoriteit. Dit gaat niet meer alleen over overheidswebsites — particuliere bedrijven met een website vallen nu ook onder de reikwijdte. Niet aan de eisen voldoen kan leiden tot handhavingsmaatregelen, boetes en uitsluiting van overheidsopdrachten.
Belangrijke feiten
- •De EAA geldt voor alle bedrijven die producten of diensten verkopen aan consumenten in de EU vanaf 28 juni 2025
- •In Nederland kan de ACM boetes opleggen tot €900.000 of 1% van de jaaromzet
- •96,3% van de top 1 miljoen websites heeft detecteerbare toegankelijkheidsfouten (WebAIM 2024)
- •De meest voorkomende problemen zijn ontbrekende alt-tekst, tekst met laag contrast, lege links en ontbrekende formulierlabels
- •Toegankelijkheidsoverlays en widgets maken websites niet toegankelijk — meerdere rechtszaken hebben dit bevestigd
Wat wij controleren
- ✓Geautomatiseerde WCAG 2.1 AA-tests met axe-core
- ✓Verificatie van kleurcontrastverhoudingen
- ✓Alt-tekst aanwezig op alle betekenisvolle afbeeldingen
- ✓Toetsenbordnavigatie en focusbeheer
- ✓Formulierlabel-associaties en ARIA-attributen
Webtoegankelijkheid: goede vs. slechte voorbeelden
Afbeeldingen zonder alt-tekst
Productfoto's en bannerafbeeldingen met lege of ontbrekende alt-attributen. Schermlezers lezen deze voor als "afbeelding" of slaan ze helemaal over, waardoor de inhoud ontoegankelijk is voor visueel beperkte bezoekers. WCAG 2.1 Succescriterium 1.1.1 vereist tekstalternatieven voor alle niet-decoratieve afbeeldingen.
Beschrijvende alt-tekst op afbeeldingen
Elke betekenisvolle afbeelding heeft alt-tekst die de inhoud beschrijft: "Kok bereidt pasta in restaurantkeuken" in plaats van "IMG_4521" of "foto". Decoratieve afbeeldingen gebruiken lege alt-attributen (alt="") zodat schermlezers ze overslaan.
Tekst met laag contrast
Lichtgrijze tekst (#999) op een witte achtergrond, of witte tekst op een pastelkleurige banner. WCAG 2.1 AA vereist een contrastverhouding van minimaal 4,5:1 voor normale tekst en 3:1 voor grote tekst. Laag contrast maakt inhoud onleesbaar voor mensen met slechtziendheid.
Voldoende kleurcontrast
Broodtekst gebruikt donkere kleuren (#1a1a1a of vergelijkbaar) op lichte achtergronden, waarmee de 4,5:1-verhouding wordt gehaald. Knoppen en links hebben duidelijke hover/focus-states. Kleur is nooit de enige manier om informatie over te brengen (bijv. foutstaten gebruiken ook iconen of tekst).
Formuliervelden zonder labels
Contact- of aanmeldformulieren die placeholdertekst als enige label gebruiken. Zodra een gebruiker begint te typen, verdwijnt de placeholder en is niet meer te zien waarvoor het veld dient. Schermlezers kunnen niet-gelabelde velden niet identificeren.
Correct gelabelde formuliervelden
Elk invoerveld heeft een zichtbaar <label>-element gekoppeld via het for/id-attribuut. Placeholdertekst wordt als hint gebruikt, niet als vervanging. Verplichte velden zijn gemarkeerd met zowel visuele als programmatische indicatoren.
Vertrouwen op een toegankelijkheidsoverlay
Een widget zoals AccessiBe of UserWay installeren in plaats van daadwerkelijke toegankelijkheidsproblemen op te lossen. Rechtbanken in de VS en de EU hebben geoordeeld dat overlays websites niet toegankelijk maken. Ze kunnen het zelfs erger maken door te interfereren met echte hulptechnologie.
Ingebouwde toegankelijkheid in het ontwerp
Semantische HTML (koppen, landmarks, lijsten), toetsenbordnavigeerbare menu's, zichtbare focusindicatoren en skip-to-content-links. Deze ingebouwde functies werken met alle hulptechnologieën zonder third-party plugins.
Afbeeldingen zonder alt-tekst
Productfoto's en bannerafbeeldingen met lege of ontbrekende alt-attributen. Schermlezers lezen deze voor als "afbeelding" of slaan ze helemaal over, waardoor de inhoud ontoegankelijk is voor visueel beperkte bezoekers. WCAG 2.1 Succescriterium 1.1.1 vereist tekstalternatieven voor alle niet-decoratieve afbeeldingen.
Tekst met laag contrast
Lichtgrijze tekst (#999) op een witte achtergrond, of witte tekst op een pastelkleurige banner. WCAG 2.1 AA vereist een contrastverhouding van minimaal 4,5:1 voor normale tekst en 3:1 voor grote tekst. Laag contrast maakt inhoud onleesbaar voor mensen met slechtziendheid.
Formuliervelden zonder labels
Contact- of aanmeldformulieren die placeholdertekst als enige label gebruiken. Zodra een gebruiker begint te typen, verdwijnt de placeholder en is niet meer te zien waarvoor het veld dient. Schermlezers kunnen niet-gelabelde velden niet identificeren.
Vertrouwen op een toegankelijkheidsoverlay
Een widget zoals AccessiBe of UserWay installeren in plaats van daadwerkelijke toegankelijkheidsproblemen op te lossen. Rechtbanken in de VS en de EU hebben geoordeeld dat overlays websites niet toegankelijk maken. Ze kunnen het zelfs erger maken door te interfereren met echte hulptechnologie.
Beschrijvende alt-tekst op afbeeldingen
Elke betekenisvolle afbeelding heeft alt-tekst die de inhoud beschrijft: "Kok bereidt pasta in restaurantkeuken" in plaats van "IMG_4521" of "foto". Decoratieve afbeeldingen gebruiken lege alt-attributen (alt="") zodat schermlezers ze overslaan.
Voldoende kleurcontrast
Broodtekst gebruikt donkere kleuren (#1a1a1a of vergelijkbaar) op lichte achtergronden, waarmee de 4,5:1-verhouding wordt gehaald. Knoppen en links hebben duidelijke hover/focus-states. Kleur is nooit de enige manier om informatie over te brengen (bijv. foutstaten gebruiken ook iconen of tekst).
Correct gelabelde formuliervelden
Elk invoerveld heeft een zichtbaar <label>-element gekoppeld via het for/id-attribuut. Placeholdertekst wordt als hint gebruikt, niet als vervanging. Verplichte velden zijn gemarkeerd met zowel visuele als programmatische indicatoren.
Ingebouwde toegankelijkheid in het ontwerp
Semantische HTML (koppen, landmarks, lijsten), toetsenbordnavigeerbare menu's, zichtbare focusindicatoren en skip-to-content-links. Deze ingebouwde functies werken met alle hulptechnologieën zonder third-party plugins.
Handleidingen komen binnenkort.
Check je website nu
Scan je website op Toegankelijkheid-problemen en 30+ andere checks.
Scan je website gratis