Blog over WCAG en toegankelijk bouwen
Artikelen over WCAG, de EAA en het BDTO, geschreven door de auditors die de onderzoeken uitvoeren.
Placeholdertekst die niemand kan lezen
“Voer hier je e-mailadres in” Dat staat er. In het invoerveld. In #C0C0C0 op wit. Contrast: 1,6:1.
Voor wie gelden het BDTO en de EAA?
Digitale toegankelijkheid is in Nederland inmiddels voor een groot deel van de organisaties verplicht. Welke wet voor jou geldt, hangt af van het type organisatie.
Formulierveld kleurt rood bij een fout. Dat is alles.
Je vult je e-mailadres verkeerd in. De rand van het veld wordt rood.
Wat zijn de boetes bij niet-nakoming van de EAA?
De European Accessibility Act (EAA) is sinds 28 juni 2025 van kracht. Als je bedrijf niet voldoet, kunnen er sancties volgen. Maar hoe werkt dat precies?
Geldt de EAA-wet voor mijn webshop?
Kort antwoord: waarschijnlijk wel. De European Accessibility Act (EAA) is op 28 juni 2025 van kracht geworden en geldt voor vrijwel alle webshops die producten of diensten verkopen aan consumenten.
Kolommen waarvan de inhoud door elkaar loopt
Twee projecten naast elkaar. Links een afbeelding, rechts een afbeelding. Daaronder links een beschrijving, rechts een beschrijving.
Ziet AI dat je tekst te licht is?
Ziet AI dat je tekst te licht is? Groen op wit. Oranje op wit. Lichtgrijs op wit. Het ziet er fris uit. Kleurrijk. Modern. Maar voor iemand met verminderd gezichtsvermogen verdwijnt die tekst in de achtergrond. En nee, dat zijn niet alleen ouderen. Ook bij een scherm in de zon of een drukke dag is die lichte tekst het verschil tussen lezen en opgeven. Dit is het meest voorkomende contrastprobleem dat ik tegenkom bij audits (WCAG 1.4.3). Bijna elke website heeft het ergens. Vaak precies in de elementen die het design “fris” en “modern” maken. In de vorige test gaf ik AI een stuk code. Nu doe ik iets anders: ik geef AI een screenshot van een echte website. Geen code, geen HTML, geen CSS. Alleen een plaatje. Kan AI vision zien wat er mis is?
Afbeelding van prefix
Je hebt een overzichtspagina in je webwinkel met 100 producten. In elke alt-tekst staat “Afbeelding van…”. Klinkt netjes, toch? Tot je luistert wat er gebeurt. Voorleessoftware zegt bij elke afbeelding al automatisch “afbeelding.” Dus als jij “Afbeelding van Nike schoenen” in de alt-tekst zet, hoort je klant: “Afbeelding. Afbeelding van Nike schoenen.” Bij de vierde rij producten word je daar helemaal gek van. En dat wil je niet als winkelier.
AI-test: Herkent AI een div die doet alsof het een knop is?
Een div die doet alsof het een knop is Een <div> met een onclick. Ziet eruit als een knop. Doet iets als je klikt. Maar druk op Tab en er gebeurt niets. Enter? Ook niets. Voor een toetsenbordgebruiker bestaat deze knop niet. Dit is de nummer 1 toetsenbordfout die ik tegenkom bij audits (WCAG 2.1.1). En de makkelijkste om op te lossen: vervang de div door een <button>. Maar kan AI dit probleem ook vinden? En dan niet in een losstaand stukje code, maar op een echte, live website?
Wat is een toegankelijkheidsaudit?
Een toegankelijkheidsaudit is een grondige beoordeling van je website of app op basis van de WCAG-standaard. Het doel: vaststellen welke onderdelen niet toegankelijk zijn voor mensen met een beperking, en concreet beschrijven hoe je dat kunt oplossen.
Tabellen in WCAG 1.3.1
Een tabel met openingstijden. Maandag: 09:00 tot 17:00. Visueel snap je direct welke dag bij welke tijd hoort. Maar als die tabel is gebouwd met divjes in plaats van echte table-elementen, ziet een schermlezer alleen losse stukjes tekst. “Maandag.” “09:00 - 17:00.” Zonder de relatie ertussen.
Wat houdt WCAG 2.1 in voor websites?
WCAG 2.1 is de versie van de Web Content Accessibility Guidelines waar de Nederlandse wetgeving naar verwijst, via EN 301 549 V3.2.1. Het beschrijft 78 succescriteria verdeeld over vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust.