Blog over WCAG en toegankelijk bouwen
Artikelen over WCAG, de EAA en het BDTO, geschreven door de auditors die de onderzoeken uitvoeren.
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.
Productafbeelding zonder beschrijving
Ik moest een keer nieuwe golfschoenen kopen. De volgende dag zou ik gaan golfen en ik moest voor 16:00 bestellen om ze op tijd te krijgen. Die hele dag zat ik in de auto. En ik heb een stoornis: maximaal drie kleuren in mijn outfit. De schoenen moesten wit zijn met rode elementen. Probeer dat eens in de file te vinden op je telefoon. Ik kon alleen maar luisteren naar wat de voorleessoftware me vertelde. Maar bij de meeste webshops was er niks te horen: geen kleur, geen materiaal, geen details. En toen was ik weg als klant.
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.
Digitale toegankelijkheid voor musea en culturele instellingen
Musea, theaters, festivals en attractieparken hebben een bijzondere positie als het gaat om digitale toegankelijkheid. Ze zijn van nature bezig met beleving en inclusie, maar hun websites en digitale systemen lopen vaak achter.
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 heeft 55 succescriteria op niveau A en AA. Maar niet elk criterium is relevant voor elke bezoeker. Sommige gaan over kleurgebruik, andere over toetsenbordbediening, en weer andere over bewegende content.
EAA voor webshops: wat moet je regelen en waar begin je?
Wat is de EAA? Sinds 28 juni 2025 is de European Accessibility Act (EAA) van kracht. En ja, die geldt ook voor jouw webshop. Toch merk ik dat veel webshophouders nog niet weten wat ze precies moeten doen. Je online winkel moet voldoen aan WCAG 2.1, niveau A en AA samen: 50 succescriteria. Dat is wat EN 301 549 V3.2.1 voorschrijft. In de praktijk adviseer ik om te toetsen op WCAG 2.2. Die versie voegde negen criteria toe, waarvan er zes op niveau A en AA vallen, en een aantal daarvan raakt precies waar het in een webshop misgaat: doelgebiedgrootte, consistente hulp, overtollige invoer en toegankelijke authenticatie. Zo doen we het bij Proper Access ook, een versie hoger dan die norm vraagt. Voor wie geldt de EAA? De EAA geldt voor e-commercediensten: webshops, ticketverkoop, boekingsplatforms, abonnementsdiensten en digitale marktplaatsen. Uitzondering: micro-ondernemingen. De richtlijn omschrijft die als minder dan 10 werknemers én een jaaromzet óf een balanstotaal van ten hoogste 2 miljoen euro. Het personeelsaantal is een harde grens; van de twee financiële cijfers hoeft er maar één onder de grens te zitten. De ACM noemt op haar eigen pagina alleen de omzet, dus val je daartussenin, laat het dan toetsen. Maar zelfs dan: toegankelijkheid is goed voor je conversie.
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
Dit artikel gaat over de prijs. Voor de hoofdroute over wat een audit inhoudt en wat je krijgt, en de verschillende soorten onderzoek, zie WCAG-audit laten uitvoeren. Heb je specifiek een webshop? Bekijk dan de aparte prijsindicatie voor een webshop-audit, met de extra kostenfactoren van checkout, account en productfilters.