Webshop WCAG 2.1 AA gemaakt voor de Toegankelijkheidswet

De shop was gebouwd op een gekocht thema met eigen aanpassingen: knoppen zonder naam, filters die niet met het toetsenbord werkten, contrast van 2,8:1 op prijzen en een checkout die schermlezers niet konden volgen. Een klant in een rolstoel had geklaagd, en de juridische deadline van de European Accessibility Act stond vast.

De eigenaar wilde geen nieuwe shop; de aanpassingen moesten in het bestaande thema, zonder de conversie te schaden.

We voerden een audit uit volgens WCAG-EM op een steekproef van 18 pagina’s en flows, geautomatiseerd met axe-core en handmatig met NVDA, VoiceOver en alleen een toetsenbord. Elke bevinding kreeg een prioriteit, een oplossing en een schatting.

Daarna losten we de bevindingen op in het Liquid-thema en de checkout-instellingen: semantische structuur, focusvolgorde, labels, foutmeldingen, contrast via het design system, alternatieve teksten uit de productdata en toetsenbordbediening van filters en menu’s. Alle wijzigingen werden getest in een preview en met twee gebruikers van hulpmiddelen.

Tot slot een hertest, een toegankelijkheidsverklaring op basis van de EU-modeltekst en een monitor die maandelijks nieuwe issues rapporteert.

Nul kritieke en nul ernstige bevindingen bij de hertest, een gepubliceerde verklaring, een intern richtlijnendocument voor het contentteam en een maandelijkse scan als onderdeel van het Care-abonnement.

Neveneffect: de checkout-conversie steeg met 6 %, vooral op mobiel, doordat formulieren en foutmeldingen voor iedereen duidelijker werden.