Gemeten op 14 september 2026 · alle platformen
Platform
Toegankelijkheid van WooCommerce- en WordPress-sites
Een WooCommerce-winkel is een WordPress-site met een winkel erin, en hoe toegankelijk hij is, bepaalt vooral het thema. We scanden Storefront — het officiële thema van WooCommerce — en Twenty Twenty-Five, het standaardthema van WordPress.
Op deze pagina
Wat we gemeten hebben
WooCommerce heeft geen officiële demowinkel meer; het adres dat daarvoor bekendstaat, verwijst door naar een marktplaats. We scanden daarom de officiële themavoorbeelden van WordPress.org. Die tonen het thema met voorbeeldberichten en -pagina's, niet met producten. Een echte winkel voegt productpagina's, een winkelwagen en een checkout toe — en daarmee meestal meer formulieren.
Storefront
het officiële WooCommerce-thema — gescand: zes pagina's uit het officiële themavoorbeeld.
| Wat faalt | Ernst | Elementen |
|---|---|---|
| Formulierveld zonder label Een zoek- of invoerveld waarvan een schermlezer niet kan zeggen waarvoor het is. |
kritiek | 16 |
| Keuzelijst zonder naam Een uitklapmenu dat alleen "keuzelijst" heet. Bij een variant- of sorteerkeuze haakt iemand hier af. |
kritiek | 2 |
| Te weinig kleurcontrast Tekst die voor slechtziende bezoekers niet leesbaar is. Bijna altijd één kleurwaarde in het thema. |
ernstig | 6 |
| Link alleen herkenbaar aan kleur Een link in lopende tekst zonder onderstreping, die zich alleen door kleur onderscheidt. |
ernstig | 3 |
| Scrollbaar gebied niet met het toetsenbord te bereiken Een carrousel of horizontaal scrollende rij waar je met Tab niet in komt. Wie geen muis gebruikt, ziet de rest nooit. |
ernstig | 2 |
Twenty Twenty-Five
het standaardthema van WordPress — gescand: zes pagina's uit het officiële themavoorbeeld.
| Wat faalt | Ernst | Elementen |
|---|---|---|
| Formulierveld zonder label Een zoek- of invoerveld waarvan een schermlezer niet kan zeggen waarvoor het is. |
kritiek | 16 |
| Keuzelijst zonder naam Een uitklapmenu dat alleen "keuzelijst" heet. Bij een variant- of sorteerkeuze haakt iemand hier af. |
kritiek | 2 |
| Lijst met iets anders dan lijstitems erin Een ul of ol bevat direct iets anders dan li. Een schermlezer telt de lijst dan verkeerd of helemaal niet. |
ernstig | 6 |
| Scrollbaar gebied niet met het toetsenbord te bereiken Een carrousel of horizontaal scrollende rij waar je met Tab niet in komt. Wie geen muis gebruikt, ziet de rest nooit. |
ernstig | 2 |
Gemeten met axe-core tegen WCAG 2.1 en 2.2 niveau AA, in een echte browser. We noemen bewust geen score per platform: dezelfde site gaf bij twee metingen een verschillend cijfer, afhankelijk van welke pagina's er gekozen werden. Welke regels falen, is wel stabiel.
Wat dat betekent
Beide thema's falen op hetzelfde kritieke punt: formuliervelden zonder label, zestien keer over zes pagina's. Dat is één element dat op elke pagina terugkomt, zoals een zoekveld in de zijbalk of het formulier onder een bericht. Eén aanpassing in het sjabloon, en ze zijn overal weg.
WordPress.org kent het label "accessibility-ready" voor thema's die door een handmatige review komen. Dat is een goed teken, maar uitdrukkelijk geen verklaring dat een thema aan WCAG AA voldoet: het gaat om een minimum dat het reviewteam zelf heeft vastgesteld.
Waar de fouten zitten
| Onderdeel | Wat je daar tegenkomt |
|---|---|
| Het thema | Bepaalt de opmaak van elke pagina, dus ook de meeste fouten. Een "accessibility-ready" thema is een betere start, geen garantie. |
| Paginabouwers | Elementor, Divi en vergelijkbare bouwers genereren hun eigen opmaak, vaak met veel geneste elementen zonder betekenis. Wat het thema goed deed, kan daaronder verdwijnen. |
| Plug-ins | Formulierplug-ins, cookiemeldingen en sliders brengen hun eigen code mee. Test na elke nieuwe plug-in opnieuw, net als bij een thema-update. |
Wat je met de hand moet controleren
Een scanner beoordeelt ongeveer een derde tot de helft van de criteria. Op een WooCommerce-winkel zou ik deze drie in elk geval zelf nalopen:
- Doorloop de checkout met alleen het toetsenbord, tot en met de betaalstap. Hier zit de omzet, en hier zitten de meeste formulieren.
- Kies een productvariant: meldt de pagina dat de prijs of voorraad verandert, of gebeurt dat alleen visueel?
- Zet een paginabouwer-pagina naast een gewone pagina van het thema en vergelijk de koppenstructuur.
Bronnen: WordPress — richtlijnen voor accessibility-ready thema's, WooCommerce — Storefront op GitHub. De metingen gaan over de officiële demo's op de genoemde datum. Jouw winkel heeft zijn eigen apps, extensies en maatwerk, en scoort daardoor anders.
Hoe doet jouw WooCommerce-winkel het?
Dezelfde meting op je eigen adres, inclusief je thema, apps en maatwerk.