Wcag
Lichtgrijze tekst op een witte achtergrond
Contrastverhouding: 2,85:1. Vereist: 4,5:1. Dit is de meest voorkomende contrastfout op het web. En ik snap waarom. Het ziet er strak uit. Rustig. Modern.
Links die alleen door kleur herkenbaar zijn
Een alinea tekst. Ergens staat een link. Blauw. Geen onderstreping.
Metadata boven de kop van een artikel
“15 maart 2026. Workshops.” Dat hoort een schermlezergebruiker. En dan: stilte. Want het volgende element is de kop van het artikel eronder.
JavaScript dat de focus actief verwijdert
element.addEventListener("focus", function() { this.blur(); }); Een element krijgt focus. JavaScript verwijdert de focus direct. Het element heeft een fractie van een seconde focus gehad. De gebruiker merkt niets.
Kopniveaus
Stel je voor: je opent een boek en de inhoudsopgave gaat van hoofdstuk 1 direct naar paragraaf 3.2.
overflow: hidden knipt de focusindicator af
Een mooie kaartcomponent. Afgeronde hoeken. overflow: hidden om te voorkomen dat content buiten de hoeken valt.
Negatieve outline-offset die de focus verbergt
Een link met een donkere achtergrond. De focusindicator is er — een zwarte outline van 2 pixels. Maar outline-offset: -4px duwt die outline naar binnen. Onder de achtergrondkleur.
Focusindicator die opgaat in de achtergrond
Er is een focusindicator. Technisch gezien. Een lichtgrijze outline (#E0E0E0) op een witte achtergrond. 1 pixel dik.
WCAG-audit: het verschil tussen rapporteren per element en per succescriterium
Als je een toegankelijkheidsaudit laat uitvoeren, krijg je een rapport. Logisch. Maar niet elk rapport is hetzelfde. De manier waarop de bevindingen worden gerapporteerd, bepaalt in grote mate hoe snel en efficiënt je developer de problemen kan oplossen.
WCAG-succescriteria per beperking: welke eisen gelden voor jouw bezoekers?
WCAG 2.2 bevat 55 succescriteria. Maar niet elk criterium is relevant voor elke bezoeker. Sommige gaan over kleurgebruik, andere over toetsenbordbediening, en weer andere over bewegende content.
outline: none — de meest destructieve regel in CSS
*:focus { outline: none; } Eén regel. En elke toetsenbordgebruiker op je website navigeert blind.
Wat kost een toegankelijkheidsaudit? Prijzen, pakketten en waar je op moet letten
De korte versie “Wat kost zo’n audit eigenlijk?” Het is de vraag die ik het vaakst krijg — en die bijna geen enkel bureau beantwoordt op de website.