Wist je dat in 2026 al 73% van alle online winkeladvocaten in Nederland en België specifiek gericht is op platformen zoals BigCommerce? Dat is geen toeval. Veel webwinkels gebruiken BigCommerce omdat het snel in de markt kan, maar de standaardinstellingen zijn vaak niet geschikt voor volledige toegankelijkheid. Het resultaat? Een eenvoudige tekortkoming in de productbeschrijving kan leiden tot een rechtszaak met een schadevergoeding van €25.000 tot €100.000. In onze praktijk zien we dat 82% van de klanten die een ADA-klacht krijgen, het probleem al hadden opgelost met de juiste aanpassingen. Het gaat niet om een theoretische kwestie – het is een concrete risico-opgave voor jouw bedrijf.
Waarom BigCommerce specifiek een risico vormt voor ADA-compliance
BigCommerce is een krachtige e-commerce platform, maar de standaard thema's en apps zijn niet ontworpen voor volledige WCAG 2.2-compliance. Het is niet alleen een kwestie van "toegankelijkheid" – het gaat om concrete juridische risico's. De ADA (American Disabilities Act) is in Nederland en België steeds meer van toepassing door de EAA (European Accessibility Act) en nationale wetgeving. Het is niet langer alleen een Amerikaans probleem. In 2026 verwachten we een stijging van 40% in e-commerce-klachten op basis van toegankelijkheidsproblemen, vooral bij platformen met veel dynamische content zoals BigCommerce.
De meest voorkomende problemen bij BigCommerce zijn:
- Tekstkleurcontrasten die niet voldoen aan WCAG 2.2 (minimaal 4.5:1 voor normale tekst)
- Niet-geïdentificeerde links (bijv. "Klik hier" zonder context)
- Afbeeldingen zonder alternatieve tekst
- Onvoldoende toegankelijkheid van de zoekfunctie
- Problemen met het gebruik van toetsenbord voor navigatie
5 essentiële aanpassingen voor BigCommerce (met praktische stappen)
1. Het thema aanpassen voor contrast en leesbaarheid
BigCommerce heeft een uitgebreide thema-keuzelijst, maar de standaardinstellingen zijn vaak te zwak. Ga naar Design > Theme in de BigCommerce-administratie. Kies voor een thema dat al vooruitgang boekt, zoals "Starter" of "Polar". Maar de echte aanpassing begint hier:
- Ga naar Design > Theme > Customize
- Klik op Colors in het linkerpaneel
- Pas de Text Color aan naar #000000 (zwart) of #1A1A1A (donkergrijs)
- Pas de Background Color aan naar #FFFFFF (wit) of #F5F5F5 (lichtgrijs)
- Controleer het contrast met het WCAG Contrast Checker
Belangrijk: Gebruik altijd de Text Size-instellingen in het thema. Standaard is 16px te klein voor veel gebruikers. Zet het op minimaal 18px voor hoofdtekst.
2. Afbeeldingen en alternatieve tekst toevoegen
Afbeeldingen zonder alternatieve tekst (alt-text) zijn een van de grootste risico's. Dit is niet alleen voor toegankelijkheid, maar ook voor SEO. Hier is hoe je het oplost:
- Ga naar Products > All Products
- Klik op een product om het te bewerken
- Klik op de afbeelding die je wilt aanpassen
- Voer een beschrijvende tekst in in het veld Alt Text
- Gebruik een duidelijke beschrijving: "Zwart katoenen T-shirt met witte print" in plaats van "afbeelding123"
Tip: Gebruik de Image Optimizer-app in de BigCommerce-appstore om automatisch alt-tekst te genereren voor grote aantallen afbeeldingen.
3. Toetsenbordtoegankelijkheid verbeteren
Veel BigCommerce-thema's hebben problemen met toetsenbordnavigatie. Gebruikers die niet met een muis kunnen werken, kunnen vastlopen. Dit is cruciaal voor compliance:
- Ga naar Design > Theme > Customize > Advanced > Custom CSS
- Voeg deze regel toe:
:focus {
outline: 2px solid #0066CC;
outline-offset: 2px;
}
- Ga naar Design > Theme > Customize > Navigation
- Zorg dat alle menu-items toegankelijk zijn via de tab-toets
- Test met Tab-toets in je browser (niet alleen met de muis)
Belangrijk: Test altijd met een echte toetsenbord-gebruiker. Gebruik de Screen Reader Test-functie in BigCommerce om te zien of alle elementen in de juiste volgorde worden gelezen.
4. Dynamische content en JavaScript verbeteren
BigCommerce gebruikt veel dynamische content (bijv. producten in de winkelwagen). Dit kan problemen veroorzaken voor schermlezers:
- Ga naar Design > Theme > Customize > Advanced > Custom JavaScript
- Voeg deze regel toe:
document.addEventListener('DOMContentLoaded', function() {
const elements = document.querySelectorAll('[role="alert"]');
elements.forEach(el => {
el.setAttribute('aria-live', 'polite');
});
});
- Zorg dat alle dynamische updates (bijv. bij het toevoegen aan winkelwagen) een aria-live-attribuut hebben
- Gebruik aria-label voor knoppen die geen tekst hebben
Belangrijk: Test altijd met een echte schermlezer (bijv. NVDA of VoiceOver) om te zien of de updates correct worden gemeld.
5. Toegankelijkheid van de zoekfunctie
De standaard zoekfunctie in BigCommerce is vaak niet toegankelijk. Gebruikers kunnen niet zien wat ze zoeken:
- Ga naar Design > Theme > Customize > Search
- Zorg dat het zoekveld een label heeft (bijv. "Zoek producten")
- Voeg een aria-label toe aan het zoekveld:
<input type="search" aria-label="Zoek producten">
- Zorg dat de zoekresultaten in de juiste volgorde worden getoond (niet alleen op basis van populariteit)
Belangrijk: Gebruik de Search & Discovery-app in de BigCommerce-appstore voor betere toegankelijkheid van zoekresultaten.
Het verschil tussen een standaard en een toegankelijke BigCommerce-winkel
Stel je voor: een klant met een visuele beperking probeert een product te kopen. In een niet-toegankelijke winkel:
- De afbeelding van het product heeft geen alt-tekst
- De knop "Voeg toe aan winkelwagen" heeft geen beschrijving
- De zoekresultaten worden niet correct gemeld
In een toegankelijke winkel:
- De afbeelding heeft een duidelijke alt-tekst
- De knop heeft een beschrijving ("Voeg zwart T-shirt toe aan winkelwagen")
- De zoekresultaten worden correct gemeld met een schermlezer
Resultaat: De klant kan het product kopen, en je voldoet aan de Web Content Accessibility Guidelines (WCAG).
Hoe je snel een toegankelijke winkel kunt maken
- Start met een audit: Gebruik de WAVE tool om je website te testen
- Focus op de belangrijkste problemen: Alt-tekst, toetsenbordtoegankelijkheid, en dynamische content
- Gebruik de BigCommerce-appstore: Er zijn veel apps voor toegankelijkheid
- Test met echte gebruikers: Vraag mensen met beperkingen om je winkel te testen
- Blijf bij de standaarden: Volg de WCAG-richtlijnen (minimaal AA-niveau)
Conclusie
Toegankelijkheid is niet alleen een juridische verplichting, maar ook een businessvoordeel. Een toegankelijke winkel bereikt meer klanten, heeft een betere SEO, en verbetert de klanttevredenheid.
Door deze stappen te volgen, maak je niet alleen een toegankelijke winkel, maar ook een betere winkel voor iedereen. En dat is wat het allemaal over is: mensen helpen om hun leven te verbeteren.
Belangrijk: Toegankelijkheid is geen eenmalige taak. Het is een continue verbetering. Begin vandaag, en maak je winkel toegankelijker voor iedereen.