Webtoegankelijkheid en European Accessibility Act 2025: WCAG 2.2-gids
De EAA 2025 verplicht WCAG 2.2 niveau AA voor e-commerce, banken, transport, telecom en digitale diensten in de EU. Sancties: administratieve boetes tot meerdere miljoenen euro, terugtrekking van de markt. Audit verplicht vóór juni 2025 (retroactief van toepassing). Stack 2026: axe DevTools, Lighthouse a11y, schermlezers (NVDA, VoiceOver), volledige toetsenbordnavigatie, contrast 4.5:1, alt-tekst, ARIA-labels, gelabelde formulieren.
Op 28 juni 2025 trad de European Accessibility Act (EU-richtlijn 2019/882) in werking na 5 jaar overgangsperiode. Vrijwel alle Europese kmo's die online actief zijn, vallen er nu onder, en WCAG 2.2 niveau AA-conformiteit is geen optie meer. Dit moet u in 2026 weten en doen om aan de juiste kant van de wet te blijven — en om uw site bruikbaar te maken voor de 87 miljoen Europeanen met een handicap.
1. Wat is de European Accessibility Act?
De EAA (Richtlijn 2019/882) harmoniseert de regels voor digitale toegankelijkheid in de Europese Unie. Aangenomen in 2019, omgezet door de lidstaten tussen 2020 en 2022, in werking getreden op 28 juni 2025 — met retroactiviteit voor bestaande diensten.
Technische referentiestandaard: EN 301 549 v3.2.1, die rechtstreeks aansluit bij WCAG 2.1 AA (uitbreiding WCAG 2.2 voorzien in 2027). In de praktijk is in 2026 het mikken op WCAG 2.2 AA de industriestandaard geworden.
2. Wie is betrokken in 2026?
Niet-uitputtende lijst van bedrijven betrokken bij de EAA:
- B2C-e-commerce — Elke webshop die aan consumenten in de EU verkoopt (Shopify, WooCommerce, Magento, custom)
- Online bankdiensten — Sites en apps van banken, neobanken, betaaldiensten
- Personenvervoer — Ticketverkoop, verkeersinfo, mobiliteitsapps
- Telecommunicatie — Telefoon-/internetoperatoren, abonnement- en accountbeheersites
- Digitale diensten — SaaS, reserveringsplatforms, marktplaatsen, audiovisuele diensten
- Digitale boeken en e-readers — Ebook-uitgevers, verkopers van readers
Vrijstelling micro-onderneming: bedrijf met minder dan 10 werknemers EN minder dan 2 miljoen € jaaromzet. Cumulatieve criteria — een van beide overschrijden = verplichte conformiteit.
3. WCAG 2.2 niveau AA: 50 sleutelcriteria
WCAG 2.2 niveau AA omvat 50 succescriteria georganiseerd rond 4 principes: Waarneembaar, Bedienbaar, Begrijpelijk, Robuust (POUR). De impactrijkste voor een kmo:
| Criterium | Niveau | Impact |
|---|---|---|
| Alt-tekst op alle afbeeldingen | A | Kritiek — zonder alt is afbeelding onzichtbaar voor schermlezers |
| Tekstcontrast 4.5:1 (3:1 groot) | AA | Kritiek — treft slechtzienden ÉN normaal zicht in fel zonlicht |
| Volledige toetsenbordnavigatie | A | Kritiek — 5% van de gebruikers kan geen muis gebruiken |
| Zichtbare focus (focusring 2-4px) | AA | Kritiek — zonder focusring is toetsenbordnavigatie onmogelijk |
| Labels gekoppeld aan inputs | A | Kritiek — formulieren onbruikbaar zonder labels |
| ARIA-roles/labels op custom componenten | A | Kritiek — modals, dropdowns, accordions |
| Logische headinghiërarchie | A | Belangrijk — H1→H2→H3 zonder sprong H2→H4 |
| Tekst tot 200% schaalbaar | AA | Belangrijk — geen overflow, geen horizontale scroll |
| Minimum target size 24×24 CSS pixels | AA (2.2) | Nieuw 2.2 — klikbare knoppen en links |
| Toegankelijke authenticatie | AA (2.2) | Nieuw 2.2 — geen auth uitsluitend op geheugen/cognitie gebaseerd |
4. Toegankelijkheidsaudit: tools en methode
OptionWeb-methodologie in 3 niveaus:
- Automatische audit — dekt 30-40% van de problemen in 30 minuten
- Handmatige audit — dekt de resterende 60-70% in 4-8 uur
- Echte gebruikerstests — finale validatie met personen met een handicap
| Tool | Type | Prijs | Dekking |
|---|---|---|---|
| axe DevTools | Auto (extensie) | Gratis | Uitstekend, +10% in pro |
| Lighthouse a11y | Auto (Chrome) | Gratis | Goed, geïntegreerd in DevTools |
| WAVE | Auto (extensie) | Gratis | Goed, foutvisualisatie |
| Pa11y CLI | Auto (CI/CD) | Gratis | Uitstekend voor automatisering |
| NVDA | Schermlezer | Gratis (Windows) | Standaard voor handmatige audit |
| VoiceOver | Schermlezer | Inbegrepen macOS/iOS | Apple-standaard |
| Stark | Pro audit | 8-30 $/maand | Figma-plugin + live audit |
| Tenon.io | API audit | 0,02 $/scan | Voor devs, custom integratie |
5. Prioritaire correcties (per impact)
Top 10 correcties die 80% van de toegankelijkheidsproblemen op een kmo-site oplossen:
- Beschrijvende alt-tekst toevoegen aan alle inhouds-afbeeldingen (lege alt voor decoratieve)
- Contrast 4.5:1 controleren op alle tekst (Stark, axe of Color Contrast Analyser)
- Volledige toetsenbordnavigatie testen: Tab + Shift+Tab + Enter + Spatie + pijltjes
- Zichtbare focusringen toevoegen 2-4px (nooit outline: none zonder alternatief)
- Elke <input> koppelen aan een <label for> of omsluitende <label>
- ARIA-roles/labels toevoegen op custom componenten (modal, dropdown, tabs)
- Headinghiërarchie controleren: H1 uniek per pagina, logische volgorde zonder sprong
- 200% zoom toelaten zonder overflow of horizontale scroll
- Target size omzetten naar min 24×24 CSS pixels (knoppen, klikbare links)
- Skip link 'Naar hoofdinhoud' aan paginabegin (zichtbaar bij focus)
export function SkipLink() {
return (
<a
href="#main-content"
className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
>
Aller au contenu principal
</a>
);
}6. Toegankelijkheidsverklaring
Verplicht document op een specifieke pagina (link in de footer), jaarlijks bij te werken. Moet bevatten:
- Bereikt conformiteitsniveau — Volledig conform / Gedeeltelijk conform / Niet conform
- Evaluatiemethodologie — Interne of externe audit, gebruikte tools, datum van de audit
- Toegepaste referentiekaders — WCAG 2.2 AA, EN 301 549, RGAA indien Frankrijk
- Lijst bekende niet-toegankelijke inhoud — Met tijdlijn voor conformiteitsherstel
- Vrijgestelde inhoud — Indien van toepassing (onevenredige last, archieven) met rechtvaardiging
- Contactgegevens — E-mail/formulier voor aanvraag van toegankelijke versie
- Beroepsmogelijkheid — Vermelding van het recht om de bevoegde autoriteit aan te spreken (ARCOM in Frankrijk, federale toegankelijkheidscommissie in BE)
7. Sancties en risico's
Risiconiveau per land:
| Land | Max. sancties | Autoriteit |
|---|---|---|
| Frankrijk | Tot 50 000 € per niet-conformiteit (RGAA + EAA) | ARCOM, DGCCRF |
| België | Variabel per Gewest (Wallonië, Vlaanderen, Brussel) | Federale EAA-commissie |
| Duitsland | Tot 100 000 € (BFSG) | Marktüberwachungsbehörden |
| Spanje | Tot 600 000 € (LGCA) | Ministerio de Asuntos Económicos |
| Italië | Tot 5% van de omzet (Stanca Act + EAA) | AgID |
| Nederland | Variabel volgens ACM | Autoriteit Consument & Markt |
Bijkomende risico's vaak duurder dan de boete:
- Collectieve actie — Mogelijk in België en Frankrijk, cumulatieve schade potentieel hoog
- Verlies van overheidsopdrachten — Verplichte toegankelijkheidsclausules in aanbestedingen
- Reputatieschade — Publieke lijsten van niet-conforme sites door verenigingen
- Verlies van publiek — 15-20% van de Europese bevolking met een handicap
Compliance checklist 2026
- EAA-toepasbaarheid bevestigd — Scopeverificatie + micro-onderneming-vrijstelling
- Volledige audit uitgevoerd — Auto + handmatig + gebruikerstests over 12 maanden
- Top 10 correcties toegepast — Alt, contrast, focus, labels, ARIA, hiërarchie, zoom, target, skip link
- Toegankelijkheidsverklaring gepubliceerd — Specifieke pagina, footer-link, jaarlijkse update
- Tests geïntegreerd in CI/CD — jest-axe of Playwright + axe-core op elke PR
- Training redactionele teams — Alt-tekst opstellen, contrast, structuur
- Jaarlijkse externe audit gepland — Validatie door derde-expert
Read next
AVG en website in 2026: conformiteitsgids voor Europese kmo's
Cookies, Consent Mode v2, doorgiften buiten de EU, FG, verwerkingsregister, bewaartermijnen: alles wat een kmo in 2026 moet inrichten om AVG-conform te blijven.
Next.js static export en Core Web Vitals: het 2026 playbook
Alle optimalisaties toegepast op Next.js static export sites om 95+ PageSpeed mobiel te halen: font-strategie, CSS, LCP, INP, CLS, Framer Motion valkuilen, hosting.
Technische SEO voor een statische Next.js-site: volledige checklist 2026
Alles wat technisch geconfigureerd moet worden opdat een Next.js static export site 100/100 SEO haalt: metadata, JSON-LD, sitemap, hreflang, robots, Speakable, geavanceerde schema's.
