Hoe een toonaangevend e-commerce platform EU Accessibility Act compliance bereikte

De European Accessibility Act (EAA) is een EU-richtlijn die gemeenschappelijke toegankelijkheidseisen vaststelt voor belangrijke producten en diensten, waaronder e-commerce websites en apps. Het is bedoeld om barrières voor mensen met een beperking en ouderen weg te nemen, zodat zij gelijke toegang hebben tot diensten in alle EU-lidstaten.

De uitdaging

• Op tijd voldoen aan EAA-vereisten, over meerdere merken en markten
• Legacy-templates, content en front-end componenten in lijn brengen met WCAG 2.1 AA
• Werk coördineren tussen design, product, engineering, content en juridische teams
• Bruikbaarheid verbeteren voor klanten die ondersteunende technologieën gebruiken, zonder conversie of paginaprestaties te schaden

Onze oplossing

Onze klant draait meerdere landensites op een gedeeld commerce-platform. We droegen bij aan een multi-sprint leveringsplan dat samen met het bredere projectteam werd gecreëerd, en we ondersteunden helderheid van eigenaarschap voor elke stream en sprint.

1. Discovery en gap-analyse

• Interpreteerden EAA-implicaties voor het specifieke bedrijfsmodel van de klant samen met hun juridische en compliance-teams
• Beoordeelden toegankelijkheid over belangrijke gebruikersreizen zoals home, zoeken, productdetail, winkelmandje, checkout, account en servicepagina’s, en pasten vervolgens verbeteringen toe op basis van de bevindingen
• Logden issues op basis van ernst en koppelden ze aan WCAG-criteria en EAA-verplichtingen

2. Geprioriteerde roadmap

• Clusterde verbeteringen in releases die onafhankelijk konden worden uitgerold
• Balanceerde “must-fix voor juridisch risico” items met “hoge impact, lage inspanning” UX-wins
• Creëerde een kwartaal-per-kwartaal plan met sprints afgestemd op de bestaande PI-cadans van de klant

3. Design system en UX-verbeteringen

• Werkte het design system bij met toegankelijke kleurtokens, typografische schalen en spacing-regels
• Standaardiseerde focus states, foutmeldingen, labels en hulpteksten
• Werkte belangrijke templates opnieuw uit zodat ze vanaf het begin toetsenbordnavigatie en ondersteunende technologieën ondersteunen

4. Front-end en platformwijzigingen

• Refactorde componenten om semantische HTML en ARIA-attributen te gebruiken waar nodig
• Verbeterde structuur van formulieren en foutafhandeling, vooral in checkout-flows
• Paste interactieve elementen aan zoals menu’s, filters en carrousels zodat ze volledig bedienbaar zijn via toetsenbord

5. Testen en validatie

• Zette geautomatiseerde checks op in de CI-pipeline om regressies vroeg te vangen
• Voerde handmatige tests uit met schermlezers en alleen-toetsenbord navigatie op prioritaire reizen
• Creëerde een interne toegankelijkheidschecklist voor producteigenaren om te gebruiken in toekomstige releases

6. Capability building
   

• Documenteerde “hoe toegankelijke features te ontwerpen en te bouwen” in het interne playbook van de klant
• Definieerde eigenaarschap en governance zodat toegankelijkheid onderdeel blijft van het normale leveringsproces

Voorbeeldverbeteringen

• Navigatie en structuur
  Duidelijke heading-structuur, skip-to-content links, consistente landmarks en logische tab-volgorde.
• Productpagina’s
  Beschrijvende alt-tekst voor afbeeldingen, toegankelijke beeldgalerijen, duidelijke hiërarchie van informatie en verbeterd contrast voor prijzen en CTA’s.

Impact

Binnen de eerste release-cycli zag de klant:

• Toegankelijkheidsscores op belangrijke templates die verbeterden van medio jaren 60 naar boven de 90 in interne audits en Lighthouse-checks
• Minder toegankelijkheidsproblemen gemeld door klantenservice en interne QA
• Duidelijk, controleerbaar bewijs dat het platform vordert richting EAA-gereedheid vóór de deadline van 28 juni 2025

Naast compliance resulteerde het werk in schonere UI, consistentere componenten en betere bruikbaarheid voor alle klanten, inclusief degenen op mobiele apparaten en langzamere verbindingen.

Why WeAreBrain

WeAreBrain combineerde toegankelijkheidsexpertise met praktische product- en engineering-levering. Door EAA-werk te integreren in de bestaande agile-processen van de klant, hielpen we hen om te bewegen van eenmalige fixes naar een herhaalbare manier om inclusieve digitale producten te bouwen die langetermijn-compliance en betere klantervaring ondersteunen.