De Europese Toegankelijkheidsakte heeft nu tanden: wat je website nodig heeft

De Europese Toegankelijkheidsakte geldt sinds 28 juni 2025. Het eerste jaar keken de meeste bedrijven af of iemand hem echt zou handhaven. Die vraag is beantwoord.

Een Franse rechter beval Carrefour volledige naleving te bereiken onder een dwangsom van 500 euro per dag. Markttoezichthouders in de lidstaten gingen in 2026 van informatieverzoeken over op gerichte audits. Klachtenmechanismen bestaan in elke lidstaat, en gehandicaptenorganisaties gebruiken ze.

Verkoop je aan consumenten in de EU en is je site niet toegankelijk, dan is dit geen reputatiekwestie meer. Het is een kwestie onder toezicht.

Wat de akte werkelijk dekt

Richtlijn 2019/882 geldt voor een omschreven lijst producten en diensten, niet voor het hele web. De diensten in scope omvatten:

• E-commerce, ruim gedefinieerd als elke dienst waarmee een consument op afstand een overeenkomst kan sluiten. Kan iemand op je site bladeren, kiezen en kopen, dan val je eronder.
• Bankdiensten voor consumenten, inclusief internetbankieren en betaalinterfaces.
• Personenvervoersdiensten, inclusief sites, apps en ticketing.
• Elektronischecommunicatiediensten.
• Toegang tot audiovisuele mediadiensten.
• E-books en toegewijde software.

Producten in scope zijn onder meer zelfbedieningsterminals, betaalterminals, e-readers en consumentencomputerhardware.

Twee grenzen tellen in de praktijk. Ten eerste geldt de richtlijn voor diensten geleverd aan consumenten. Puur zakelijke platforms, interne tools en diensten die niet aan het publiek worden aangeboden vallen erbuiten. Ten tweede is er een micro-ondernemingsuitzondering voor diensten: minder dan tien werknemers en een jaaromzet of balanstotaal van maximaal twee miljoen euro. Die uitzondering geldt alleen voor diensten, niet voor producten, en je vraagt hem niet aan: je zit onder de drempel of niet.

De uitzondering is smaller dan mensen hopen. Een webwinkel met twaalf mensen valt eronder. Een bedrijf met acht werknemers dat een fysiek product uit de productbijlage verkoopt ook.

De technische norm

De akte stelt functionele eisen. De technische maatstaf is de geharmoniseerde Europese norm EN 301 549, waarin de echt toetsbare criteria staan.

De huidige gepubliceerde versie, V3.2.1 uit maart 2021, neemt WCAG 2.1 niveau AA over. Er wordt een herziening verwacht die aansluit op WCAG 2.2 en een klein aantal succescriteria toevoegt rond focusweergave, sleepbewegingen, doelgrootte, consistente hulp en overbodige invoer. Niets dramatisch, maar als je nu herstelt, voorkomt bouwen naar WCAG 2.2 in plaats van 2.1 dat je het werk dubbel doet.

Overeenstemming met de geharmoniseerde norm geeft een vermoeden van conformiteit met de richtlijn. Dat is het praktische doel: WCAG 2.1 AA vandaag, WCAG 2.2 AA als je marge wilt.

Wat dit in de codebase betekent

Toegankelijkheidsrichtlijnen zijn meestal op principeniveau geschreven. Zo ziet het eruit als werk, op basis van wat we in bijna elke audit vinden.

Semantiek en structuur

De meeste toegankelijkheidsfouten zijn structureel. Een pagina gebouwd uit geneste divs met clickhandlers geeft een schermlezer niets om mee te werken.

• Gebruik echte elementen. Een knop is <button>, geen div met onClick. Een link die navigeert is <a href>. Deze ene wijziging repareert toetsenbordbediening, focusgedrag en aankondiging in één klap.
• Landmarks: header, nav, main, footer. Eén main per pagina.
• Koppen op volgorde, die structuur beschrijven in plaats van gekozen om hun lettergrootte.
• Lijsten als lijsten, tabellen als tabellen met echte kopcellen en scope.
• Taal gedeclareerd op het html-element, en inline gewisseld waar de inhoud van taal verandert. Op een meertalige site telt dat zwaarder dan mensen aannemen, want anders leest een schermlezer Frans met een Engelse stem.

Formulieren

In formulieren mislukken transacties, dus die worden nauwkeurig bekeken.

• Elk invoerveld heeft een programmatisch gekoppeld label. Placeholdertekst is geen label.
• Fouten worden in tekst benoemd, aan het veld gekoppeld en aangekondigd. Een rode rand alleen zegt een niet-ziende gebruiker niets.
• Verplichte velden zijn gemarkeerd op een manier die zichtbaar is voor hulptechnologie.
• Autocomplete-attributen op velden met persoonsgegevens, een expliciet WCAG-criterium dat ook conversie verbetert.
• Gegroepeerde besturingselementen gebruiken fieldset en legend.

Toetsenbord en focus

• Alles interactiefs is bereikbaar en bedienbaar met het toetsenbord, in een volgorde die overeenkomt met de visuele indeling.
• Focus is altijd zichtbaar. Outlines verwijderen zonder ze te vervangen is een regelrechte fout.
• Geen toetsenbordvallen. Modals vangen focus bewust, geven die terug bij sluiten en sluiten met Escape.
• Skiplink naar de hoofdinhoud.

Visueel ontwerp

• Tekstcontrast van minstens 4,5 op 1 voor normale tekst en 3 op 1 voor grote tekst.
• Niet-tekstcontrast van 3 op 1 voor interfacecomponenten en betekenisvolle graphics, wat veel contrastarme randen op formuliervelden vangt.
• Inhoud herschikt bij 320 CSS-pixels breed zonder horizontaal scrollen.
• Tekst schaalt naar 200 procent zonder verlies van inhoud.
• Kleur draagt nooit alleen betekenis.

Dynamische inhoud

• Live regions kondigen wijzigingen aan die zonder paginalading gebeuren, zoals winkelwagenupdates of validatiesamenvattingen.
• Eigen componenten dragen correcte rollen, statussen en eigenschappen. Bouw je met de hand een combobox, volg dan de ARIA Authoring Practices in plaats van te improviseren.
• Respecteer de voorkeur voor verminderde beweging.
• Niets dat automatisch audio afspeelt, en geen automatisch doorschuivende carrousels zonder pauzeknop.

Documenten en media

• PDF's in scope moeten getagd en leesbaar zijn. Een factuur of voorwaarden geleverd als gescande afbeelding falen.
• Video's hebben ondertiteling nodig. Vooraf opgenomen audio heeft een transcript nodig.
• Afbeeldingen hebben alt-tekst nodig die het doel overbrengt. Decoratieve afbeeldingen krijgen een leeg alt-attribuut.

De toegankelijkheidsverklaring

Dienstverleners moeten informatie publiceren over hoe de dienst aan de eisen voldoet. Ontbrekende of onvolledige toegankelijkheidsverklaringen zijn een van de meest voorkomende bevindingen, en het is vreemd daarop te falen omdat het een middag kost.

Een bruikbare verklaring bevat het conformiteitsdoel, de datum van de laatste beoordeling, de gebruikte methode, een eerlijke lijst bekende beperkingen met tijdlijn, een feedbackkanaal dat een echt mens bijhoudt, en gegevens van de nationale handhavingsinstantie voor klachten.

Beloof niet te veel. Volledige conformiteit claimen terwijl er een bekend gat bestaat is erger dan gedeeltelijke conformiteit met een herstelplan, zowel juridisch als praktisch.

Sancties

Sancties worden nationaal vastgesteld en lopen sterk uiteen. Gepubliceerde cijfers gaan tot 90.000 euro in Nederland, 10.000 tot 100.000 euro per overtreding in Duitsland, schijven van 75.000 tot 300.000 euro per overtreding in Frankrijk en tot 60.000 euro in Ierland. Sommige lidstaten staan omzetgebaseerde berekening toe bij herhaling of ernst.

De financiële blootstelling is vaak niet de grootste kostenpost. Onder dwangsom moeten herstellen betekent het werk doen onder tijdsdruk, met een auditor erbij, wat veel duurder is dan het rustig doen.

Overlays werken niet

Toegankelijkheidsoverlays, die JavaScript-widgets die instant conformiteit beloven, leveren die niet. Ze kunnen ontbrekende semantiek niet repareren, ze kunnen geen zinvolle alt-tekst schrijven, en ze verstoren regelmatig de hulptechnologie die een gebruiker al heeft ingesteld. Belangenorganisaties zijn hier consistent over geweest, en rechtszaken in andere jurisdicties betroffen herhaaldelijk sites met een overlay.

Behandel ze als een belasting, niet als een oplossing.

Een realistisch herstelpad

Dit is de volgorde die wij gebruiken, die het meeste risico in de eerste twee fasen wegneemt.

Fase 1: automatische scan plus handmatige audit. Automatische tools vangen ongeveer een derde van de problemen, wat nuttig is maar lang niet genoeg. Combineer de scan met handmatige toetsenbordtests en schermlezertests op de kritieke paden: home, categorie, product, winkelwagen, checkout, account, contact.

Fase 2: repareer de transactiepaden. Checkout, registratie, inloggen, zoeken. Daar houdt een ontoegankelijke site op een ongemak te zijn en wordt hij uitsluiting, en daar zal een klacht over gaan.

Fase 3: repareer de componentenbibliotheek. De meeste sites bestaan uit een beperkte set componenten die overal terugkeert. Knop, invoerveld, modal, dropdown, tabs en tabel één keer repareren repareert honderden pagina's tegelijk. Daar zit de hefboom.

Fase 4: inhoud en documenten. Alt-tekst, koppen, PDF's, ondertiteling. Traag maar technisch niet moeilijk.

Fase 5: voorkom terugval. Geautomatiseerde toegankelijkheidschecks in CI, lintregels voor JSX of templates, en toegankelijkheidscriteria in de definition of done. Zonder dit betaal je de audit over achttien maanden opnieuw.

Het bijkomende voordeel

Alles hierboven verbetert ook vindbaarheid, Core Web Vitals en conversie. Nette koppenstructuur, semantische markup, echte labels en voldoende contrast zijn precies wat crawlers helpt een pagina te ontleden en gewone gebruikers helpt een aankoop af te ronden op een telefoon bij slecht licht.

Er is ook overlap met nieuwere verplichtingen. De transparantieregels van de AI-verordening eisen dat informatie duidelijk en onderscheidbaar wordt gegeven, in overeenstemming met de geldende toegankelijkheidseisen, wat betekent dat een AI-melding verstopt in een ontoegankelijke tooltip twee keer faalt. We behandelden dat in het artikel over AI-transparantie.

Waar te beginnen

Ben je nog niet geaudit, begin dan met een toetsenbord. Trek de muis eruit en probeer een aankoop af te ronden op je eigen site. De meeste teams vinden hun eerste drie problemen binnen vijf minuten, en het is een overtuigender demonstratie voor het management dan welk rapport ook.

We voeren toegankelijkheidsaudits en herstelprogramma's uit voor bedrijven in de EU, inclusief werk aan de componentenbibliotheek en CI-integratie zodat de fix blijft. Meer detail staat op onze pagina over toegankelijkheidsherstel, en de bredere regelgevende context in onze kaart van EU digitale compliance 2026.

Mail naar office@c9group.dev als je een eerlijke inschatting wilt van waar je staat.