SevirantaZo ziet een echt dossier eruit
Geloof ons niet op onze woorden — bekijk het product. Hieronder staat een onverkort rapport, gemaakt door precies dezelfde motor die jouw site straks scant.
Hoe dit voorbeeld is gemaakt
Dit is een echte scan van onze eigen demo-winkel “Nordlys Living” — een fictieve webshop waarin we de fouten hebben aangebracht die we in het wild het vaakst tegenkomen: afbeeldingen zonder alt-tekst, te laag kleurcontrast, een veld zonder label, een knop en een link zonder naam. Je kunt de demo-pagina zelf bekijken. Niets aan dit rapport is verzonnen of aangedikt — wat de motor vond, zie je hieronder.
Resultaat voor https://seviranta.com/demo-winkel.html
5 overtredingen · 12 plekken op deze pagina falen de WCAG 2.1 & 2.2 AA-toets.
Je bent wettelijk verplicht te voldoen aan de European Accessibility Act. Schrijf je in voor een doorlopende audit om boetes te voorkomen.
Getoetst tegen EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA met axe-core 4.11.4. Geautomatiseerde toetsing detecteert betrouwbaar ongeveer 57% van de problemen; de review-punten vereisen een menselijk oordeel. Dit is geen claim van volledige conformiteit.
Per WCAG-criterium
Dezelfde overtredingen, gegroepeerd naar het succescriterium dat ze raken.
- 1.4.3 Contrast (minimum)7 plekken
- 4.1.2 Naam, rol, waarde3 plekken
- 1.1.1 Niet-tekstuele content2 plekken
- 2.4.4 Linkdoel (in context)1 plek
Overtredingen — machinaal zeker
- Kritiek1× op deze pagina
Wat het betekent · Een knop zonder naam wordt voorgelezen als 'knop' — onbruikbaar voor wie niet ziet. Raakt vaak de winkelwagen- en zoekknop.
Hoe je het oplost · Geef de knop tekst of een aria-label dat de actie beschrijft ('In winkelwagen', 'Zoeken').
Op je pagina
Fout ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Goed ·<button aria-label="In winkelwagen"><svg>…</svg></button>WCAG wcag2a, wcag412 · Technische naam: Buttons must have discernible text · technische bron voor je ontwikkelaar
- Ernstig7× op deze pagina
Wat het betekent · Tekst met te weinig contrast is onleesbaar voor slechtzienden en bij fel zonlicht op een telefoon. Dit is veruit de meest voorkomende EAA-bevinding in webshops.
Hoe je het oplost · Maak de tekst- of achtergrondkleur donkerder/lichter tot de verhouding minstens 4,5:1 is (3:1 voor grote tekst). In Shopify: thema-instellingen → kleuren; pas knop- en tekstkleuren één keer aan en het geldt themabreed.
Op je pagina
Voorbeeldtekstgemeten 1,87:1 — vereist 4,5:1#b8b2a7 op #f4f1ecVoorbeeldtekstgemeten 1,52:1 — vereist 4,5:1#ffffff op #a8dadcVoorbeeldtekstgemeten 1,73:1 — vereist 4,5:1#c9c4bb op #ffffffWCAG wcag2aa, wcag143 · Technische naam: Elements must meet minimum color contrast ratio thresholds · technische bron voor je ontwikkelaar
- Kritiek2× op deze pagina
Wat het betekent · Afbeeldingen zonder alt-tekst zijn onzichtbaar voor schermlezers. Bij productfoto's betekent dat: een blinde klant weet niet wat het product is.
Hoe je het oplost · Geef elke informatieve afbeelding een korte alt-tekst die beschrijft wat erop staat. In Shopify: product → media → 'alt-tekst bewerken'. Puur decoratieve afbeeldingen krijgen een lege alt (alt="").
Op je pagina
Fout ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Goed ·<img src="hond.jpg" alt="Bruine labrador-puppy met halsband">…en 1 vergelijkbaar element op deze pagina.
WCAG wcag2a, wcag111 · Technische naam: Images must have alternative text · technische bron voor je ontwikkelaar
- Kritiek1× op deze pagina
Wat het betekent · Invoervelden zonder label zijn niet te bedienen met een schermlezer en lastig voor iedereen met een beperking. Raakt zoek-, login- en afrekenvelden.
Hoe je het oplost · Koppel een zichtbaar <label> aan elk invoerveld (for/id), of gebruik een aria-label als er geen ruimte voor zichtbare tekst is.
Op je pagina
Fout ·<input type="email" name="email">Goed ·<label for="email">E-mailadres</label><input id="email" type="email">WCAG wcag2a, wcag412 · Technische naam: Form elements must have labels · technische bron voor je ontwikkelaar
- Ernstig1× op deze pagina
Wat het betekent · Een link zonder leesbare tekst (bijv. alleen een icoon) wordt door een schermlezer voorgelezen als 'link' zonder bestemming — de bezoeker weet niet waar hij heen gaat.
Hoe je het oplost · Geef de link zichtbare tekst, of een aria-label / verborgen tekst die de bestemming beschrijft (bijv. 'Bekijk winkelwagen' i.p.v. een kaal winkelwagen-icoon).
Op je pagina
Fout ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Goed ·<a href="/winkelwagen" aria-label="Bekijk winkelwagen"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Technische naam: Links must have discernible text · technische bron voor je ontwikkelaar
Vereist handmatige review
- Ernstig1× op deze pagina
Wat het betekent · Tekst met te weinig contrast is onleesbaar voor slechtzienden en bij fel zonlicht op een telefoon. Dit is veruit de meest voorkomende EAA-bevinding in webshops.
Hoe je het oplost · Maak de tekst- of achtergrondkleur donkerder/lichter tot de verhouding minstens 4,5:1 is (3:1 voor grote tekst). In Shopify: thema-instellingen → kleuren; pas knop- en tekstkleuren één keer aan en het geldt themabreed.
Op je pagina
Fout ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Technische naam: Elements must meet minimum color contrast ratio thresholds · technische bron voor je ontwikkelaar
Waarom dit telt
De European Accessibility Act is sinds 28 juni 2025 van kracht — geen toekomstige verplichting maar geldend recht. Lidstaten moeten sancties opleggen die “doeltreffend, evenredig en afschrikwekkend” zijn. Daarnaast verlies je bij elke bezoeker die je site niet kan gebruiken een klant die niet afrekent. Het goede nieuws: de machinaal-zekere overtredingen hierboven zijn oplosbaar.
Wat niet-naleving kan kosten
- Nederland — tot tienduizenden euro’s per overtreding plus dwangsom; de ACM handhaaft actief en schreef in 2026 de slechtst scorende webshops aan.
- Duitsland — tot €100.000 (BFSG).
- Frankrijk — tot €50.000 per online dienst (Arcom).
- Spanje — €90.000 daadwerkelijk opgelegd aan Vueling (bevestigd door de Audiencia Nacional).
- In 2024 werden 1.023 webshops mét een overlay-widget aangeklaagd — de widget beschermde ze niet.
Onder de EAA zijn de eerste handhaving en rechtszaken in 2025–2026 op gang gekomen; brede beboeting staat nog aan het begin. Dit zijn de wettelijke maxima.
De overlay-valkuil
Widgets die beloven je site met één regel code “100% toegankelijk” te maken, repareren de onderliggende code niet — ze leggen er een laagje overheen, kunnen nieuwe problemen introduceren en beschermen je niet tegen claims. De Amerikaanse toezichthouder FTC beboette in 2025 een bekende overlay-aanbieder voor $1 miljoen wegens misleidende compliance-claims. Wij doen het omgekeerde: we tonen wat er echt aan de hand is en hoe je het echt oplost.
Wat kost het om dit zelf bij te houden?
Een ruwe schatting op basis van jóuw scan — pas de getallen aan je eigen situatie aan.
De 12 plekken op déze pagina kosten naar schatting 3 uur ≈ € 180 aan hersteltijd.
En dat is eenmalig herstellen. Je site verandert continu — zonder bewaking sluipen er steeds nieuwe fouten in en begint het opnieuw. Seviranta vindt en bewaakt dit doorlopend, zodat je het werk gericht en in één keer goed doet.
Schatting, geen offerte. Het werkelijke werk hangt af van hoe je site is gebouwd — herbruikbare componenten en sjablonen schelen veel.
Je toegankelijkheidsverklaring — automatisch opgesteld
Uit een volledige audit stellen wij je wettelijk vereiste toegankelijkheidsverklaring op — voor de EU, de VS of wereldwijd — klaar om op je site te publiceren. Maak een account aan om hem te genereren en downloaden.
Account aanmakenBenieuwd wat dezelfde motor op jouw site vindt?
De gratis scan toetst één pagina van je site op volle diepte. Geen account, geen creditcard, we bewaren niets.