Je website is binnenkort illegaal.

Les 1.  De EAA
Wat het is, voor wie het geldt,
en waarom je nu in actie moet komen

Waarom dit belangrijk is

We maken vandaag digitale producten alsof iedereen alles ziet, hoort en begrijpt.
Maar dat is niet de realiteit.
 

Europa heeft daar geen geduld meer voor.
De European Accessibility Act (EAA) is geen vriendelijke suggestie.
Het is een wettelijke verplichting. En de deadline? Die staat op 28 juni 2025.
 

Wacht je te lang?
Dan loop je niet alleen risico op boetes en reputatieschade,
maar mis je ook klanten die je had kunnen helpen – als je wél inclusief dacht.

Wat is de EAA en wat betekent dit voor jou als ondernemer?

De EAA is een Europese richtlijn (2019/882) die bedrijven verplicht
om hun digitale diensten en producten toegankelijk te maken voor mensen met een beperking.

Denk aan:

• blinden of slechtzienden

• slechthorenden

• mensen met motorische of cognitieve beperkingen

Het gaat niet om overheidswebsites
(die vallen al onder een aparte wet), maar om commerciële diensten.

En ja: ook als jij een kleine ondernemer bent met een webshop of een SaaS-oplossing.

 

Voor wie geldt de EAA?

De richtlijn geldt voor alle bedrijven die actief zijn in de EU en volgende producten of diensten aanbieden:

• Websites en apps

• E-commerce

• Digitale communicatie (telefoondiensten, chat, e-mail)

• E-books en e-readers

• Online bankieren

• Streamingdiensten

• Betaalautomaten en ticketterminals

Uitzondering:
bedrijven met minder dan 10 werknemers én minder dan 2 miljoen omzet zijn vrijgesteld...

…tenzij ze deel uitmaken van een groter geheel.

Maar let op: zelfs dan geldt het principe van redelijke aanpassingen.
 

Wat gebeurt er als je niets doet?

• FOD Economie en BIPT zullen toezien op de naleving

• Klachten kunnen leiden tot waarschuwingen, dwangsommen of sancties

• Bestaande producten mogen blijven bestaan, maar moeten vóór 2030 compliant zijn

Klinkt ver weg?
Niet als je vandaag nog je hele platform moet herdenken.
 

Wat werkt wél?

• Begin nu. Niet met compliance, maar met bewustwording.

• Betrek je hele team: design, marketing, tech, copy.

• Breng in kaart:

  • Waar zit je digitale aanbod?

  • Wie is verantwoordelijk?

  • Wat weet je al over toegankelijkheid?

Les 1. wat je moet onthouden

• De EAA verplicht je om je digitale platform toegankelijk te maken

• Deadline: 28 juni 2025

• Niet alleen technische aanpassing, maar mindset shift

• Vrijstelling = uitzondering, geen vrijbrief

• Begin vandaag met oriënteren en intern bewustmaken

 

Jouw actie vandaag:

Stel deze 3 vragen in je team of aan jezelf:

1. Weten wij wie er bij ons verantwoordelijk is voor digitale toegankelijkheid?

2. Zijn onze website/app al getest op toegankelijkheid?

3. Hebben we dit al eens besproken met klanten of partners?

Stel jezelf de vraag:

Wat zou er gebeuren als je morgen een klacht krijgt van een gebruiker die jouw website niet kan gebruiken?

 

Les 2  WCAG 2.1 AA
Hoe je digitale toegankelijkheid wél aanpakt

Waarom dit belangrijk is

De meeste ondernemers horen “WCAG 2.1 AA” en denken: "Laat maar, dat is voor developers."
Fout.
 

Toegankelijkheid is geen technische add-on.
Het is de basis van een goed digitaal product.

En als jij die basis niet begrijpt, kun je ook niet sturen,
bouwen of verkopen wat werkt.

Of je nu ondernemer, copywriter, marketeer of developer bent:
je moet weten waar WCAG 2.1 AA écht over gaat.

 

Wat is WCAG 2.1 AA?

WCAG staat voor Web Content Accessibility Guidelines.
Het is een internationale standaard die bepaalt
hoe jij websites, apps en andere digitale interfaces toegankelijk maakt voor mensen met een beperking.

De versie 2.1 is sinds 2018 de geldende richtlijn.
En AA-niveau is het minimum dat verplicht is onder de European Accessibility Act.

 

De vier principes van WCAG  uitgelegd in mensentaal

1. Waarneembaar (Perceivable)

Alles moet zichtbaar, hoorbaar of voelbaar zijn – ook voor mensen met een beperking.

• Contrast moet kloppen.

• Afbeeldingen moeten een beschrijving (alt-tekst) hebben.

• Video's moeten ondertitels hebben.

2. Bedienbaar (Operable)

Je site moet werken zonder muis, met toetsenbord of spraaksoftware.

• Menu’s en knoppen moeten bereikbaar zijn met TAB.

• Er mag geen tijdsdruk zijn zonder waarschuwing.

3. Begrijpelijk (Understandable)

De content én interactie moeten duidelijk zijn.

• Formulieren hebben labels en foutmeldingen.

• Geen verrassingen of rare navigatie.

4. Robuust (Robust)

Je site moet technisch stabiel zijn.

• Correcte HTML.

• Compatibel met screenreaders, browsers, apparaten.
   

Wat betekent “AA-niveau”?

Er zijn 3 niveaus:

• A = minimum (bijv. ondertitels bij video’s)

• AA = standaard (contrast, navigatie, formulieren)

• AAA = extra streng, meestal niet haalbaar voor commerciële sites

AA is verplicht. Het is je nieuwe standaard, geen luxe.

 

Wat werkt wél?

✅ Bouw vanaf het begin toegankelijk
Maak het niet iets wat je op het einde ‘even test’.
Toegankelijkheid is een strategie, geen checklist.
 

✅ Gebruik de WCAG als leidraad, niet als bijbel
Het gaat er niet om alle puntjes af te vinken.
Het gaat om gebruikers. Vraag jezelf telkens af:
"Kan iemand met een beperking dit gebruiken, begrijpen en voltooien?"
 

✅ Test met échte tools en échte mensen
Tools zoals Axe en Lighthouse helpen.
Maar een screenreader gebruiken of een audit laten doen is onmisbaar.

 

Les 2. wat je moet onthouden

• WCAG 2.1 AA is de verplichte standaard voor toegankelijkheid

• Gebaseerd op 4 principes: waarneembaar, bedienbaar, begrijpelijk, robuust

• AA-niveau = minimumvereiste

• Begin bij design, niet bij debugging

• Denk aan de gebruiker, niet alleen aan de code

Jouw actie vandaag:

Print de 4 WCAG-principes uit en hang ze op in je werkomgeving.
Toon ze aan je team. Bespreek 1 pagina of element op je site en check samen:
Is dit waarneembaar, bedienbaar, begrijpelijk én robuust?
 

Les 3. Hoe je toegankelijkheid vanaf dag 1 inbouwt
(zonder gedoe)

Waarom dit belangrijk is

De meeste fouten rond toegankelijkheid ontstaan niet in de code, maar in de mindset.
Te laat begonnen, te snel afgerond, te weinig besef.
 

Toegankelijkheid is geen vinkje op het einde.
Het is een keuze die je maakt vóór je iets bouwt.

En net daar wringt het bij veel bedrijven:
ze weten dat het moet, maar niemand voelt zich verantwoordelijk.
 

Dat moet stoppen. Vandaag.
 

Waarom toegankelijk denken een teamzaak is

Toegankelijkheid raakt alles:

• Een designer die tekst op een wazige achtergrond zet

• Een copywriter die ‘klik hier’ gebruikt in plaats van duidelijke linktekst

• Een developer die geen keyboardnavigatie test

• Een marketeer die een niet-ondertitelde video post

Toegankelijkheid is niet jouw "job erbij".
Het is een manier van bouwen en communiceren.

Wat werkt wél?

✅ Train je team, maar houd het praktisch
Niet iedereen hoeft WCAG van buiten te kennen.

Wél:

• Designers moeten contrast kunnen checken

• Copywriters moeten alt-teksten en duidelijke titels leren schrijven

• Developers moeten weten wat semantische HTML is

• Marketeers moeten begrijpen wat video zonder ondertiteling betekent

Geef geen PowerPoint-sessie.
Geef concrete voorbeelden uit je eigen website.
Laat fouten zien. Herstel ze live.
 

✅ Zet toegankelijkheid in je standaard flow

Toegankelijkheid moet:

• In je design checklist staan

• In je code review proces zitten

• In je contentplan en je CMS-logica

Gebruik simpele vragen:

• Is dit leesbaar voor iemand met slecht zicht?

• Kan je dit doen zonder muis?

• Wat gebeurt er als iemand de tekst niet hoort of ziet?

✅ Gebruik tools, maar test ook zelf

• Gebruik Axe, Wave of Lighthouse voor quick scans

• Laat iemand met een screenreader navigeren door je site

• Zet een kleurenfilter aan en bekijk je interface opnieuw

Je hoeft geen expert te zijn om toegankelijkheid te testen.
Je moet gewoon durven kijken door een andere bril.

Les 3. wat je moet onthouden

• Toegankelijkheid begint bij het team, niet bij de tool

• Maak het onderdeel van je dagelijkse processen

• Houd de drempel laag, maar de standaard hoog

• Zorg dat iedereen begrijpt: dit is niet optioneel

Jouw actie vandaag:

Stel jezelf (of je team) deze 3 vragen:

1. Staat toegankelijkheid ergens in onze projectchecklists?

2. Hebben we ooit met een screenreader getest?

3. Weten we wat onze grootste toegankelijkheidsfout is?

Zo niet: je weet wat je te doen staat.

 

Les 4. De checklist + tools
om je site (eindelijk) toegankelijk te maken

Waarom dit belangrijk is

Je kan zeggen dat je “toegankelijk denkt”…
Maar als je site rommelt met contrast,
alt-teksten of navigatie, dan ben je gewoon nonchalant bezig.
 

De waarheid: de meeste websites slagen NIET voor WCAG 2.1 AA.

Niet omdat het te moeilijk is.
Maar omdat niemand écht checkt.

Met deze les pak je dat aan.
Je krijgt een concrete checklist én tools waarmee je vandaag nog impact maakt.

WCAG 2.1 AA – checklist in mensentaal

1. Waarneembaar (Perceivable)

• Tekst heeft voldoende contrast met de achtergrond (min. 4.5:1)

• Afbeeldingen hebben alt-teksten (tenzij decoratief)

• Structuur met duidelijke headings: H1, H2, H3…

• Video’s met gesproken tekst? → Voorzie ondertiteling

• Audio? → Voeg een transcript toe

• Tekst blijft leesbaar bij 200% zoom

• Content werkt op desktop én mobiel

2. Bedienbaar (Operable)

• Alles moet bedienbaar zijn met het toetsenbord (TAB, ENTER, ESC)

• Navigatie via TAB = logisch en zichtbaar

• Er is een "skip to main content" link (om menu’s te overslaan)

• Geen rare time-outs of automatische popups

• Niets knippert te snel (>3 keer/sec)

3. Begrijpelijk (Understandable)

• Teksten zijn duidelijk (geen vakjargon)

• Knoppen zeggen wat ze doen ("Verzenden", "Aanvragen", niet "Klik hier")

• Formulieren hebben labels + foutmeldingen

• Navigatie blijft consistent op elke pagina

• Geen automatische veranderingen zonder waarschuwing

4. Robuust (Robust)

• HTML is correct en semantisch

• Buttons zijn echte buttons, geen divs

• Interactieve elementen hebben correcte ARIA-rollen

• Testbaar met screenreader (NVDA, VoiceOver…)

Tools die je NU kunt gebruiken

🔧 Wave – snelle visuele check van toegankelijkheidsfouten
🔧 Axe DevTools – krachtige extensie voor Chrome en Firefox
🔧 Lighthouse (in Chrome DevTools) – meet prestaties én toegankelijkheid
🔧 Color Contrast Analyzer – desktoptool om kleurverhoudingen te checken
🔧 NVDA of VoiceOver – gebruik deze screenreaders voor een échte test
 

Pro-tip: test eens je eigen site met TAB en dan met je ogen dicht.
Schrik verzekerd!
 

Wat werkt wél?

• Integreer deze checklist in je QA: laat elke pagina voor publicatie scannen

• Laat 2 tools + 1 echte gebruiker testen voor een eerlijke feedback

• Begin met de grootste impactfouten: contrast, alt-teksten, keyboardnavigatie

• Laat één iemand in je team verantwoordelijk worden voor "digitaal fatsoen"

Les 4. wat je moet onthouden

• Toegankelijkheid test je, niet gok je

• De WCAG 2.1 AA-checklist is concreet en haalbaar

• Met 5 gratis tools kom je al 80% ver

• Begin bij de basics: contrast, tekstalternatieven, navigatie

• Laat echte mensen testen, niet enkel machines

Jouw actie vandaag:

- Installeer één tool (bijv. Axe of Wave)
- Test je homepage
- Noteer 3 fouten
- Plan 1 verbetering deze week

 

Les 5. Hoe je toegankelijkheid verkoopt
(aan je team, je klant of je baas)

Waarom dit belangrijk is

Toegankelijkheid is logisch. Menselijk. Wettelijk verplicht.
Voor veel ondernemers en beslissers is het geen prioriteit.

Waarom?
Omdat ze het nut niet zien.
Omdat het niet sexy is.

Tot je hen laat voelen wat ze missen.

Als jij de verantwoordelijkheid neemt om dit bespreekbaar én aantrekkelijk te maken,
dan maak je het verschil. Intern én extern.

 

Wat werkt wél?

✅ Gebruik hun taal, niet die van WCAG
 

Vertel je baas niet over semantische code of ARIA-rollen.
Zeg: "Als dit niet werkt voor een blinde gebruiker, verliezen we klanten én geloofwaardigheid."

Vertel je klant niet over richtlijnen.
Zeg: "Jullie video’s zonder ondertiteling kosten je conversie én SEO."

Toegankelijkheid verkoop je als voordeel, niet als verplichting.

 

✅ Speel op 4 vlakken die iedereen snapt

1.  Zakelijk voordeel

• Toegankelijke sites converteren beter

• Je bereikt méér mensen – ook wie doof, blind, kleurenblind of motorisch beperkt is

• Je krijgt bonuspunten in SEO

2. Wettelijke verplichting

• De EAA is wet vanaf juni 2025

• Klachten kunnen leiden tot boetes, reputatieschade, juridische kosten

• Overheden controleren actief (FOD Economie, BIPT…)

3. Maatschappelijke impact

• Laat zien dat je merk inclusief is

• Mensen verbinden zich aan merken die hen zien

• Het is gewoon het juiste om te doen

4. Betere UX voor iedereen

• Duidelijke knoppen, structuur en leesbaarheid zijn goed voor iedereen, niet alleen voor mensen met een beperking

• Toegankelijkheid = gebruiksvriendelijkheid

Wat zeg je tegen…

-Een baas die zegt: "Niemand klaagt toch?"

“Klanten met beperkingen klagen zelden. Ze vertrekken gewoon. Stil. En voor altijd.”

- Een developer die zegt: "Dat kost te veel tijd."

“Niet als je het van bij het begin meeneemt. Fixen achteraf kost 5x meer.”

- Een marketeer die zegt: "Ons publiek heeft dat niet nodig."

“Ben je daar zeker van? Of baseer je je op aannames en een te smal beeld van je klant?”

 

Les 5. wat je moet onthouden

• Verkoop toegankelijkheid zoals je alles verkoopt: via voordeel, urgentie en gevoel

• Gebruik taal die aansluit bij je doelgroep (manager, klant, developer…)

• Leg de link met impact: op business, op mensen, op merk

• Maak toegankelijkheid zichtbaar in resultaten, niet alleen in woorden

 

Jouw actie vandaag:

Maak een korte pitch voor je team of klant.

Gebruik deze zin als uitgangspunt:
"Toegankelijkheid zorgt ervoor dat mensen jouw product kunnen gebruiken,
ook als ze niet perfect kunnen kijken, horen, klikken of begrijpen."

it's all in the mindset!