Inleiding: meer dan alleen voldoen aan de wet

Waarom de EAA meer is dan een nieuwe verplichting

De European Accessibility Act (EAA) is niet zomaar een extra Europese regelgeving waar je als kmo aan moet voldoen. Het is een concrete stap richting digitale toegankelijkheid en inclusie voor iedereen in Europa.

  • Ongeveer 135 miljoen Europeanen met een beperking ondervinden dagelijks belemmeringen bij het gebruik van websites, webshops en digitale diensten.
  • De EAA is opgezet om deze digitale drempels weg te nemen en te zorgen voor gelijke toegang tot online informatie en diensten.
  • De wet verplicht kmo’s vanaf 2025 hun digitale producten en diensten toegankelijk te maken voor iedereen.

De maatschappelijke en ethische meerwaarde van digitale toegankelijkheid

mensen die kijken naar een website die eaa compliant is

Digitale toegankelijkheid biedt veel meer dan alleen juridische conformiteit. Het versterkt je bedrijf op verschillende vlakken:

  • Breder bereik: Je website of webshop is bruikbaar voor iedereen, inclusief mensen met visuele, auditieve of motorische beperkingen.
  • Positieve reputatie: Je bedrijf toont maatschappelijke verantwoordelijkheid en klantgerichtheid.
  • Innovatie en klantbeleving: Toegankelijkheid betekent een optimale user experience voor al je bezoekers.
  • Versterkte inclusie: Je draagt actief bij aan een eerlijkere, meer inclusieve digitale samenleving waarin niemand wordt buitengesloten.

Samengevat: waarom nu investeren in toegankelijkheid?

  • Je voldoet tijdig aan de EAA-deadline van 2025.
  • Je vergroot je marktkansen en klanttevredenheid.
  • Je toont dat jouw kmo inzet op innovatie, inclusie en ethiek.
  • Je bouwt aan een toekomstbestendige, toegankelijke online aanwezigheid.

De commerciële voordelen van toegankelijkheid

Groter bereik en nieuwe klantgroepen

  • je website of webshop wordt toegankelijk voor een grotere groep mensen, waaronder 135 miljoen europeanen met een beperking
  • je spreekt niet alleen mensen met een beperking aan, maar ook ouderen, mensen met tijdelijke beperkingen en gebruikers van verschillende apparaten
  • door in te zetten op inclusie vergroot je je potentiële klantenbestand en bouw je aan een positieve reputatie

betere seo en gebruikerservaring voor iedereen

  • toegankelijke websites voldoen aan veel best practices voor zoekmachineoptimalisatie, zoals duidelijke structuur, alt-teksten en snelle laadtijden
  • zoekmachines waarderen toegankelijke content, waardoor je beter scoort in de zoekresultaten
  • een gebruiksvriendelijke website zorgt voor minder frustratie, meer betrokkenheid en hogere conversie bij alle bezoekers

Concurrentievoordeel in de toekomst

  • bedrijven die nu investeren in digitale toegankelijkheid zijn beter voorbereid op de eaa-deadline van 2025
  • je onderscheidt je positief ten opzichte van concurrenten die (nog) niet voldoen aan de toegankelijkheidsrichtlijnen
  • een toekomstbestendige en toegankelijke website straalt innovatie, betrouwbaarheid en maatschappelijke verantwoordelijkheid uit

De european accessibility act in een notendop

  • de european accessibility act is een eu-wetgeving die digitale toegankelijkheid verplicht vanaf 28 juni 2025
  • het doel is gelijke toegang tot websites, apps en digitale diensten voor iedereen

Geldt de eaa voor jouw bedrijf?

  • de verplichtingen gelden voor de meeste bedrijven die digitale diensten of producten aanbieden
  • micro-ondernemingen (minder dan 10 werknemers én minder dan 2 miljoen euro omzet) zijn meestal uitgezonderd
  • de eaa richt zich vooral op websites, apps en digitale diensten die zich op consumenten (b2c) richten; puur b2b-websites vallen vaak buiten de verplichting
  • bij een volledig nieuwe website of een fundamentele vernieuwing van een bestaande site gelden de regels direct
  • kleine wijzigingen of onderhoud aan bestaande websites leiden niet tot directe verplichtingen, tenzij het om een fundamentele herziening gaat

Tijdslijn en verplichtingen

  • nieuwe websites, apps en digitale diensten moeten vanaf 28 juni 2025 voldoen aan de toegankelijkheidsnormen
  • bestaande websites en apps krijgen tot 28 juni 2030 om aan de eaa te voldoen
  • bij ingrijpende aanpassingen aan een bestaande site gelden de toegankelijkheidseisen meteen voor de aangepaste onderdelen

Wcag 2.1 niveau aa – de technische standaard

de wcag 2.1 (web content accessibility guidelines) niveau aa is de minimale technische standaard voor digitale toegankelijkheid in europa. dit betekent dat je website aan deze richtlijnen moet voldoen om toegankelijk te zijn voor zoveel mogelijk mensen. de wcag 2.1 vertaalt zich in een aantal duidelijke acties en controles die je als website-eigenaar eenvoudig kunt toepassen.

De belangrijkste aandachtspunten

Toetsenbordnavigatie

voorbeeld toetsenbord navigatie
  • zorg dat je volledige website te bedienen is zonder muis, dus alleen met het toetsenbord
  • gebruikers moeten met de tab-toets logisch en zichtbaar door alle belangrijke onderdelen van de site kunnen gaan

Kleurcontrast en leesbaarheid

  • gebruik voldoende kleurcontrast tussen tekst en achtergrond, minimaal 4.5:1 voor gewone tekst
  • geef informatie niet alleen door met kleur (bijvoorbeeld foutmeldingen), maar voeg altijd extra uitleg of symbolen toe

Formulieren en labels

contrast van een webpagina
  • elk invulveld op je website heeft een duidelijk label, zodat iedereen weet wat er ingevuld moet worden
  • als iemand een fout maakt, geef dan een duidelijke en begrijpelijke foutmelding

Afbeeldingen en multimedia

  • voeg altijd een korte, duidelijke alt-tekst toe aan elke afbeelding zodat ook blinden en slechtzienden weten wat er op het beeld staat
  • zorg voor ondertiteling bij video’s, zodat ook doven en slechthorenden de inhoud kunnen volgen

Duidelijke structuur

een computerscherm met een overzichtelijke webpagina, duidelijke koppen en beschrijvende linkteksten zoals “vraag offerte aan” en “meer informatie”
  • gebruik semantische html: werk met duidelijke koppen en een logische opbouw van je pagina’s
  • schrijf beschrijvende linkteksten, bijvoorbeeld “vraag offerte aan” in plaats van “klik hier”, zodat het voor iedereen duidelijk is waar een link naartoe leidt

Gratis tools die je vandaag kunt gebruiken

Automatische scanners

  • wave web accessibility evaluator: hiermee kun je snel en eenvoudig je website scannen op toegankelijkheidsproblemen. deze tool geeft visuele feedback en concrete verbeterpunten.
  • axe devtools browserextensie: voeg deze extensie toe aan je browser en controleer direct op toegankelijkheidsfouten tijdens het bouwen of testen van je website.
  • lighthouse in chrome devtools: ingebouwd in de chrome-browser, hiermee kun je je website beoordelen op toegankelijkheid, prestaties en meer.
chrome lighthouse accessibility test

Handmatige tests

  • “muis-los” test: probeer je website volledig te bedienen zonder muis, dus alleen met het toetsenbord. kun je overal bij met de tab-toets?
  • zoom naar 200%: vergroot je website tot 200% en kijk of alle onderdelen nog goed leesbaar en bruikbaar zijn.
  • schermlezer test met nvda: gebruik de gratis schermlezer nvda om te ervaren hoe je website klinkt voor blinde en slechtziende gebruikers.

Stappenplan voor KMO’s

Fase 1: beoordeling en planning

  • bepaal of de european accessibility act van toepassing is op jouw kmo met behulp van de beslissingsboom
  • maak een inventarisatie van de huidige staat van je website op het gebied van digitale toegankelijkheid
  • stel prioriteiten en bepaal een realistisch budget voor de aanpassingen die nodig zijn

Fase 2: implementatie

  • start met de wijzigingen die het grootste effect hebben op de toegankelijkheid van je website, zoals kleurcontrast, toetsenbordnavigatie en alt-teksten
  • gebruik de interne checklist om stap voor stap te controleren welke onderdelen je moet aanpakken
  • werk gefaseerd: begin met de meest bezochte pagina’s en belangrijkste functies, en pak daarna de rest aan

Fase 3: onderhoud en verbetering

  • maak digitale toegankelijkheid een vast onderdeel van je workflow, bijvoorbeeld bij elke nieuwe update of toevoeging
  • voer regelmatig automatische en handmatige controles uit om nieuwe problemen snel te signaleren
  • stel een duidelijke toegankelijkheidsverklaring op waarin je beschrijft welke maatregelen je hebt genomen en hoe gebruikers problemen kunnen melden
stappenplan aanpak voor KMO's

Ervaringen uit de praktijk: een EAA-traject bij mailbox

We vroegen aan Klaartje wat ze nu juist gedaan had voor een groot intern project waarbij we de toegankelijkheid van de website voor een groot bedrijf verbeterden :

Welke stappen heb je ondernomen om de website volledig eaa compliant te maken, en welke technische of organisatorische uitdagingen kwam je onderweg tegen?

Ik ben begonnen met het aanpassen van de contrast ratio’s om tekst beter leesbaar te maken. Vervolgens heb ik de :focus-visible stijl geactiveerd, zodat duidelijk zichtbaar is welk element geselecteerd is wanneer je met de tab-toets navigeert. Ik heb semantische html gebruikt voor de structuur van containers, afbeeldingen geoptimaliseerd en telkens een duidelijke titel en alt-tekst toegevoegd. Daarnaast heb ik aria-attributen toegevoegd aan knoppen en links en de volgorde van de tabindex aangepast waar nodig.

Een grote uitdaging was het op orde brengen van de tab-volgorde. Soms waren er verborgen links in het systeem waar ik niet meteen zicht op had. Het was een zoektocht om te achterhalen waar deze links vandaan kwamen en hoe ik de tabindex correct kon aanpassen. Responsive toegankelijkheid is nog een aandachtspunt; het is niet altijd eenvoudig om te testen of alles op elk apparaat toegankelijk blijft.

Hoe heb je samengewerkt met andere teamleden of externe experts om de toegankelijkheid van de website te waarborgen?

Ik heb regelmatig met collega’s overlegd over de stappen die nodig waren om aan de eaa te voldoen. Bij vragen of problemen kon ik altijd bij hen terecht voor hulp en feedback. Als ik iets over het hoofd had gezien, wezen ze me daarop en gaven ze tips om het te verbeteren. Bij technische moeilijkheden heb ik ook verschillende online bronnen geraadpleegd, zoals handleidingen en tutorials.

Welke tools en methodes heb je gebruikt om de toegankelijkheid te testen, en hoe heb je eventuele problemen opgelost?

Voor het testen van de website gebruikte ik tools zoals wave, mailbox wag en google lighthouse. Deze tools hielpen me om de meeste toegankelijkheidsproblemen te identificeren en op te lossen. Als ik ergens niet meteen uitkwam, maakte ik gebruik van de kennis van mijn collega’s of zocht ik online naar oplossingen via video’s en tutorials. Zo kon ik stap voor stap de toegankelijkheid van de website verbeteren en voldoen aan de eaa-eisen.

Hulp nodig?

  • bij mailbox beschikken we over ruime expertise in toegankelijk webdesign en het implementeren van de european accessibility act voor kmo’s
  • wij bieden een volledige audit en persoonlijke begeleiding aan om jouw website snel en efficiënt eaa compliant te maken
  • wil je meteen weten waar je staat? vraag een gratis scan aan met onze eigen toegankelijkheidstool en ontvang direct praktische tips voor verbetering