A11yAgents
voorbeeldwinkel.nl · 3 pagina's gescand op 9 september 2026 om 10:15
Er staan kritieke fouten op deze site. Bezoekers met een screenreader lopen hier vast.
Zonder alt-tekst weet een screenreader niet wat er op de afbeelding staat.
.hero > img
<img src="/banner-najaar.jpg">
Oplossing: Geef het element een alt-attribuut, of alt="" als de afbeelding decoratief is.
.usp img:nth-child(2)
<img src="/icon-verzending.svg">
Oplossing: Geef het element een alt-attribuut.
Gevonden op: https://voorbeeldwinkel.nl/
Zonder label weet een screenreader-gebruiker niet wat er ingevuld moet worden.
#kortingscode
<input type="text" id="kortingscode" placeholder="Kortingscode">
Oplossing: Een placeholder is geen label. Voeg een <label for="kortingscode"> toe.
Gevonden op: https://voorbeeldwinkel.nl/winkelwagen
Lichtgrijze tekst op wit is voor veel mensen onleesbaar.
.usp p
<p class="usp-text">Gratis verzending vanaf €50</p>
Oplossing: Contrast is 2.4:1, vereist is 4.5:1. Gebruik #595959 of donkerder.
footer a
<a href="/voorwaarden">Algemene voorwaarden</a>
Oplossing: Contrast is 3.1:1, vereist is 4.5:1.
.btn-secondary
<button class="btn-secondary">Verder winkelen</button>
Oplossing: Contrast is 2.9:1, vereist is 4.5:1.
Gevonden op: https://voorbeeldwinkel.nl/
https://voorbeeldwinkel.nl/winkelwagen
Een link zonder tekst wordt voorgelezen als "link", zonder verdere uitleg.
.social a:nth-child(1)
<a href="https://instagram.com/..."><svg>…</svg></a>
Oplossing: Voeg tekst toe, of een aria-label op de link.
.social a:nth-child(2)
<a href="https://facebook.com/..."><svg>…</svg></a>
Oplossing: Voeg tekst toe, of een aria-label op de link.
Gevonden op: https://voorbeeldwinkel.nl/contact
Kleine knoppen zijn op een telefoon of met een motorische beperking niet te raken.
.qty-minus
<button class="qty-minus">−</button>
Oplossing: Het element is 18 bij 18 pixels. Vergroot het of geef het meer ruimte.
Gevonden op: https://voorbeeldwinkel.nl/winkelwagen
Een sprong van h2 naar h4 maakt de paginastructuur onnavigeerbaar.
main h4
<h4>Openingstijden</h4>
Oplossing: Gebruik h3 in plaats van h4.
Gevonden op: https://voorbeeldwinkel.nl/contact