Live · status OK
Back to blog
Onderhoud13 min

Webtoegankelijkheid en European Accessibility Act 2025: WCAG 2.2-gids

TL;DR

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.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
Toegankelijkheidssymbool met WCAG 2.2-checklist en Europese vlag

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-commerceElke webshop die aan consumenten in de EU verkoopt (Shopify, WooCommerce, Magento, custom)
  • Online bankdienstenSites en apps van banken, neobanken, betaaldiensten
  • PersonenvervoerTicketverkoop, verkeersinfo, mobiliteitsapps
  • TelecommunicatieTelefoon-/internetoperatoren, abonnement- en accountbeheersites
  • Digitale dienstenSaaS, reserveringsplatforms, marktplaatsen, audiovisuele diensten
  • Digitale boeken en e-readersEbook-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:

CriteriumNiveauImpact
Alt-tekst op alle afbeeldingenAKritiek — zonder alt is afbeelding onzichtbaar voor schermlezers
Tekstcontrast 4.5:1 (3:1 groot)AAKritiek — treft slechtzienden ÉN normaal zicht in fel zonlicht
Volledige toetsenbordnavigatieAKritiek — 5% van de gebruikers kan geen muis gebruiken
Zichtbare focus (focusring 2-4px)AAKritiek — zonder focusring is toetsenbordnavigatie onmogelijk
Labels gekoppeld aan inputsAKritiek — formulieren onbruikbaar zonder labels
ARIA-roles/labels op custom componentenAKritiek — modals, dropdowns, accordions
Logische headinghiërarchieABelangrijk — H1→H2→H3 zonder sprong H2→H4
Tekst tot 200% schaalbaarAABelangrijk — geen overflow, geen horizontale scroll
Minimum target size 24×24 CSS pixelsAA (2.2)Nieuw 2.2 — klikbare knoppen en links
Toegankelijke authenticatieAA (2.2)Nieuw 2.2 — geen auth uitsluitend op geheugen/cognitie gebaseerd

4. Toegankelijkheidsaudit: tools en methode

OptionWeb-methodologie in 3 niveaus:

  1. Automatische audit — dekt 30-40% van de problemen in 30 minuten
  2. Handmatige audit — dekt de resterende 60-70% in 4-8 uur
  3. Echte gebruikerstests — finale validatie met personen met een handicap
ToolTypePrijsDekking
axe DevToolsAuto (extensie)GratisUitstekend, +10% in pro
Lighthouse a11yAuto (Chrome)GratisGoed, geïntegreerd in DevTools
WAVEAuto (extensie)GratisGoed, foutvisualisatie
Pa11y CLIAuto (CI/CD)GratisUitstekend voor automatisering
NVDASchermlezerGratis (Windows)Standaard voor handmatige audit
VoiceOverSchermlezerInbegrepen macOS/iOSApple-standaard
StarkPro audit8-30 $/maandFigma-plugin + live audit
Tenon.ioAPI audit0,02 $/scanVoor devs, custom integratie

5. Prioritaire correcties (per impact)

Top 10 correcties die 80% van de toegankelijkheidsproblemen op een kmo-site oplossen:

  1. Beschrijvende alt-tekst toevoegen aan alle inhouds-afbeeldingen (lege alt voor decoratieve)
  2. Contrast 4.5:1 controleren op alle tekst (Stark, axe of Color Contrast Analyser)
  3. Volledige toetsenbordnavigatie testen: Tab + Shift+Tab + Enter + Spatie + pijltjes
  4. Zichtbare focusringen toevoegen 2-4px (nooit outline: none zonder alternatief)
  5. Elke <input> koppelen aan een <label for> of omsluitende <label>
  6. ARIA-roles/labels toevoegen op custom componenten (modal, dropdown, tabs)
  7. Headinghiërarchie controleren: H1 uniek per pagina, logische volgorde zonder sprong
  8. 200% zoom toelaten zonder overflow of horizontale scroll
  9. Target size omzetten naar min 24×24 CSS pixels (knoppen, klikbare links)
  10. Skip link 'Naar hoofdinhoud' aan paginabegin (zichtbaar bij focus)
components/SkipLink.tsxtsx
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 conformiteitsniveauVolledig conform / Gedeeltelijk conform / Niet conform
  • EvaluatiemethodologieInterne of externe audit, gebruikte tools, datum van de audit
  • Toegepaste referentiekadersWCAG 2.2 AA, EN 301 549, RGAA indien Frankrijk
  • Lijst bekende niet-toegankelijke inhoudMet tijdlijn voor conformiteitsherstel
  • Vrijgestelde inhoudIndien van toepassing (onevenredige last, archieven) met rechtvaardiging
  • ContactgegevensE-mail/formulier voor aanvraag van toegankelijke versie
  • BeroepsmogelijkheidVermelding 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:

LandMax. sanctiesAutoriteit
FrankrijkTot 50 000 € per niet-conformiteit (RGAA + EAA)ARCOM, DGCCRF
BelgiëVariabel per Gewest (Wallonië, Vlaanderen, Brussel)Federale EAA-commissie
DuitslandTot 100 000 € (BFSG)Marktüberwachungsbehörden
SpanjeTot 600 000 € (LGCA)Ministerio de Asuntos Económicos
ItaliëTot 5% van de omzet (Stanca Act + EAA)AgID
NederlandVariabel volgens ACMAutoriteit Consument & Markt

Bijkomende risico's vaak duurder dan de boete:

  • Collectieve actieMogelijk in België en Frankrijk, cumulatieve schade potentieel hoog
  • Verlies van overheidsopdrachtenVerplichte toegankelijkheidsclausules in aanbestedingen
  • ReputatieschadePublieke lijsten van niet-conforme sites door verenigingen
  • Verlies van publiek15-20% van de Europese bevolking met een handicap

Compliance checklist 2026

  • EAA-toepasbaarheid bevestigdScopeverificatie + micro-onderneming-vrijstelling
  • Volledige audit uitgevoerdAuto + handmatig + gebruikerstests over 12 maanden
  • Top 10 correcties toegepastAlt, contrast, focus, labels, ARIA, hiërarchie, zoom, target, skip link
  • Toegankelijkheidsverklaring gepubliceerdSpecifieke pagina, footer-link, jaarlijkse update
  • Tests geïntegreerd in CI/CDjest-axe of Playwright + axe-core op elke PR
  • Training redactionele teamsAlt-tekst opstellen, contrast, structuur
  • Jaarlijkse externe audit geplandValidatie door derde-expert
Tags#toegankelijkheid#eaa#wcag#a11y#compliance#rgaa