Showcase: Molen & Boon
Demonstratie. Molen & Boon is een fictieve webshop, gebouwd om ons volledige werkproces te laten zien — van quickscan tot toegankelijkheidsverklaring.
In de oorspronkelijke versie kon iemand die geen muis gebruikt helemaal niets bestellen: de koopknoppen, de landkeuze en de bestelknop reageerden alleen op een muisklik. In de opgeloste versie kan diezelfde bezoeker een product vinden, in de winkelwagen leggen en afrekenen — ook op gehoor met een schermlezer. Zelfde webshop, herkenbaar hetzelfde ontwerp, andere code.
Probeer het zelf
Leg je muis weg, gebruik alleen Tab en Enter, en probeer iets te bestellen.
De cijfers
Elke blokkade in het bestelproces zat in die tweede groep — niet één kwam uit de scanner. Dat is precies waarom wij handmatig testen.
Twee voorbeelden
De koopknoppen waren geen knoppen
“In winkelwagen” en “Bestelling plaatsen” bleken tekstblokken die alleen op een muisklik reageerden — wie geen muis gebruikt, kon dus niets bestellen. Nu zijn het echte knoppen en een echte keuzelijst: bedienbaar met het toetsenbord en netjes aangekondigd door schermlezers.
Je zag nergens waar je was
De markering die tijdens het tabben toont waar je bent, was op de hele site uitgezet — ook de bereikbare delen werden zo onbruikbaar. Nu is er een dubbele focusring die op elke achtergrond zichtbaar blijft.
Het traject in deze demonstratie
Deze demo laat een gecombineerd traject zien. Voor jouw webshop kun je ook een losse audit, code-fixes of hertest afnemen. Herstel door je eigen developers is mogelijk; monitoring is optioneel. Bekijk hoe we samenwerken.
- Gratis quickscan — korte test zoals bezoekers met een beperking de webshop gebruiken.
- Onepager — de belangrijkste bevindingen op één pagina, in gewone taal.
- Volledige audit — automatische scan plus handmatig: toetsenbord, schermlezer, zoom en 320 px.
- Kruiscontrole (vier ogen) — een onafhankelijke tweede controle bouwt eerst een eigen lijst op; voorstellen worden beoordeeld vóór er iets wordt aangepast.
- Fixen in een testomgeving — echte code-aanpassingen, nooit rechtstreeks op de live shop.
- Verificatie per fix — elke oplossing handmatig nagetest met toetsenbord en schermlezer.
- Brede hertest — het complete bestelproces opnieuw, met muis én zonder.
- Rapport + toegankelijkheidsverklaring — leesbaar en compleet, zonder weggemoffelde punten.
Alles nalezen? Bekijk het auditrapport van deze demonstratie (publicatieversie) en de toegankelijkheidsverklaring van de demo.
Een eerste stap
Jouw webshop.
Waar zitten de drempels?
Een eerste beeld van toegankelijkheidsdrempels in je webshop, met de belangrijkste bevindingen op één pagina. Gratis en vrijblijvend; geen volledige WCAG-audit.
Liever bellen? 078 – 204 95 08
Timo van Dorp op LinkedIn
Gratis quickscan
Liever mailen? timo@a11yagency.nl