🚨 Eerste stap richting toegankelijkheid: EAA-audit voor MonkeyProof.be
Naar aanleiding van mijn presentatie over de European Accessibility Act (EAA) heb ik zelf de toegankelijkheidsaudit uitgevoerd voor de website van MonkeyProof. Waarom? Omdat vanaf 28 juni 2025 de nieuwe EU-richtlijn officieel in werking treedt – en als digitaal bureau willen we natuurlijk niet achteraan in de rij staan, maar juist als eerste in orde zijn.
💡 Wat is de EAA ook alweer?
De European Accessibility Act verplicht dat digitale producten en diensten, zoals websites en webshops, voldoen aan de WCAG 2.1 AA-richtlijnen. Dit betekent concreet: betere toegankelijkheid voor mensen met een beperking – denk aan kleurcontrasten, toetsenbordnavigatie, screenreader-ondersteuning, en duidelijke structuur.
MonkeyProof.be biedt webdesign en digitale marketing aan, dus we vallen onder de richtlijn. Hoog tijd dus voor een grondige check van onze eigen website!
🔍 Wat heb ik gedaan?
Ik heb een volledige EAA-audit uitgevoerd van de MonkeyProof-website, waarbij ik heb gekeken naar 4 hoofdaspecten van toegankelijkheid:
- Waarneembaarheid (perceptible)
- Bedienbaarheid (operable)
- Begrijpelijkheid (understandable)
- Robuustheid (robust)
Het resultaat is een concreet rapport met bevindingen én aanbevelingen. Hieronder een overzicht van de belangrijkste punten.
✅ Must-do’s vóór 28 juni 2025
1. Toegankelijkheidsverklaring publiceren
De site moet een eigen pagina krijgen waarin we transparant zijn over:
- Wat al voldoet aan WCAG 2.1 AA
- Wat (nog) niet
- Hoe bezoekers feedback kunnen geven
- Wanneer de laatste check was
➡️ Status: Ontbreekt
➡️ Actie: Ontwerpen en publiceren, feedbackmechanisme inrichten
2. Cruciale WCAG-aanpassingen
- Kleurcontrast: De “Contact”-knop heeft te weinig contrast. Aanpassen naar donkerder blauw of vettere tekst.
- Tekst & zoom: Mobiele teksten zijn te klein, en pinch-to-zoom is geblokkeerd. Oplossen via CSS & viewport-meta.
- Alt-teksten: Sommige iconen en banners missen alt. Toevoegen of expliciet markeren als decoratief.
- Toetsenbordnavigatie: CTA-knoppen werken niet goed met Tab → tabindex fixen.
- Focusindicatoren: Custom CSS onderdrukt visuele focus → opnieuw zichtbaar maken.
- Skip-to-content: Link ontbreekt → toevoegen bovenaan elke pagina.
- Form labels: Formuliervelden missen labels → toevoegen voor screenreaders.
- Linkteksten: “Lees meer” is te vaag → specifieker maken (“Lees meer over webdesign”).
3. Procesinrichting & monitoring
Toegankelijkheid stopt niet bij één audit. Daarom stel ik ook voor:
- Een auditlog op te zetten (wat is getest, status, wie is verantwoordelijk)
- Een feedbackproces te maken voor meldingen van bezoekers
- Een training te geven aan het team (devs & contentmakers)
- Periodieke checks in te bouwen met tools zoals WAVE, axe-core en Lighthouse
🔧 Tools die ik heb gebruikt
Voor de audit en testing heb ik o.a. gebruikgemaakt van:
- axe DevTools – voor geautomatiseerde WCAG-checks
- WAVE – voor visuele issues
- Screenreaders (NVDA & VoiceOver) – voor realistische tests
- Contrast Checker – voor kleuren
- DevTools (Chrome) – voor zoom- en focusgedrag
🚀 Conclusie
MonkeyProof.be voldoet nog niet volledig aan de EAA, maar de stappen richting compliance zijn helder en haalbaar. We focussen nu eerst op:
- het publiceren van de toegankelijkheidsverklaring
- het verbeteren van kleurcontrast & keyboardtoegang
- het oplossen van structurele WCAG-punten
Wat ik zelf superwaardevol vond aan dit proces? Het inzicht dat toegankelijkheid écht over mensen gaat – en hoe kleine tweaks in code een groot verschil kunnen maken voor gebruikers.
Ik blijf het auditlog bijhouden en ondersteun waar nodig met implementatie en awareness. Zo zorgen we ervoor dat we niet alleen technisch compliant zijn, maar ook echt inclusief.
Heb jij al gecheckt of jouw website klaar is voor 28 juni 2025?
— Angelina
