Shopify ADA-nalevingscontrolelijst (2026)

De American with Disabilities Act vermeldt geen websites. Het werd geschreven in 1990, voordat de meeste mensen e-mail hadden. Maar rechtbanken hebben consequent geoordeeld dat ADA Titel III – die discriminatie in ‘openbare accommodaties’ verbiedt – van toepassing is op e-commerce winkels, en Shopify-handelaren worden er in steeds grotere aantallen voor aangeklaagd. Als u online verkoopt in de VS, is dit geen hypothetisch risico.

Dit is de checklist die we gebruiken wanneer we een Shopify-winkel controleren op toegankelijkheid. Het zal je niet kogelvrij maken – niets doet dat – maar het zal de gaten dichten waar de advocaten van de eisers eerst naar op zoek zijn.

Wat ADA eigenlijk vereist (er is geen officiële standaard)

Dit is het deel waar mensen over struikelen: de ADA noemt zelf geen technische standaard voor websites. Het Congres heeft de wet voor internet nooit bijgewerkt, en het ministerie van Justitie heeft verklaard dat Titel III van toepassing is op online winkels zonder formeel een specifieke reeks regels aan te nemen.

In de praktijk wordt dat gat opgevuld doorWCAG (Web Content Accessibility Guidelines) 2.1 of 2.2, niveau AA. Het is geen wet, maar het is waar schikkingsovereenkomsten, DOJ-richtlijnen en gerechtelijke uitspraken keer op keer naar verwijzen. Als uw winkel voldoet aan WCAG 2.2 AA, bent u op één lijn met wat elke partij in een rechtszaak (eiser, gedaagde en rechter) u zal beoordelen.

Nog twee dingen die het waard zijn om te weten voordat je begint:

• De toegankelijkheidswet van de EU is nu afzonderlijk afdwingbaar(sinds juni 2025) voor bedrijven die in de EU verkopen, waarbij de eigen vereisten losjes in kaart zijn gebracht aan WCAG. Als u naar Europese klanten verzendt, bestrijkt deze checklist grotendeels hetzelfde terrein.
• Naleving is niet binair.U 'slaagt' niet voor ADA zoals u slaagt voor een rijexamen. Je vermindert je blootstelling door echte barrières op te werpen, en je blijft deze verminderen naarmate je meer vindt.

De Shopify ADA-compliancechecklist

Werk deze in volgorde door. Elke sectie duurt een paar minuten om handmatig te controleren, zelfs zonder speciaal gereedschap.

1. Afbeeldingen en media

• Elke productafbeelding heeft een beschrijvende alt-tekst – niet 'IMG_2481.jpg', niet de producttitel die wordt herhaald zonder bruikbare details, maar een beschrijving waar een blinde shopper naar zou kunnen handelen ('marineblauwe wollen trui met ronde hals, opgevouwen, op een grijze achtergrond').
• Decoratieve afbeeldingen (achtergrondtexturen, afstandhouders) hebben lege alt-attributen (alt="") zodat schermlezers deze overslaan in plaats van een bestandsnaam hardop voor te lezen.
• Elke video op uw site heeft ondertiteling. Elke audio heeft een transcriptie.

2. Kleur en contrast

• De hoofdtekst heeft een contrastverhouding van minimaal 4,5:1 ten opzichte van de achtergrond; grote tekst (18pt+) heeft 3:1 nodig. Gratis tools voor contrastcontrole bevestigen dit binnen enkele seconden aan de hand van het kleurenpalet van uw thema.
• Uitverkoopbadges, 'uitverkocht'-labels en vormfouten zijn niet alleen afhankelijk van kleur. Op een rood label met 'niet op voorraad' moet ook het woord 'niet op voorraad' staan; kleurenblinde gebruikers kunnen rood niet van groen onderscheiden.
• Tijdelijke tekst in formuliervelden is niet het enige label. Tijdelijke tekst verdwijnt zodra een veld is gevuld en voldoet vaak helemaal niet aan de contrastvereisten.

3. Toetsenbordnavigatie

• Elk interactief element (navigatielinks, filters, "toevoegen aan winkelwagentje", aantalkiezers, de winkelwagenlade, afrekenvelden) is bereikbaar en bedienbaar met alleen de Tab- en Enter-toetsen, zonder muis.
• Focus is zichtbaar. Wanneer u naar een knop of link gaat, ziet u duidelijk waar u zich bevindt. Veel thema's halen dit weg voor de esthetiekoutline: noneen vervang deze nooit.
• Modals en winkelwagenladen houden de focus correct vast - Tabbladcycli binnen de open modal, niet de inhoud die daarachter verborgen is - en Escape sluit ze.

4. Formulieren en afrekenen

• Elke ingang heeft een<label>er programmatisch aan verbonden, en niet alleen visueel in de buurt geplaatst. Schermlezers kondigen het label aan wanneer het veld focus krijgt; zonder de verbinding kondigen ze niets nuttigs aan.
• Foutmeldingen zijn specifiek ("Voer een geldige postcode in") en worden aan de schermlezers aangekondigd wanneer ze verschijnen, en worden niet alleen in rode tekst weergegeven.
• Het afrekenwerk begint met een toetsenbord en een schermlezer. Dit is de meest waardevolle stroom om te testen. Het is ook van cruciaal belang voor de omzet, dus bugs hier kosten u omzet, nog voordat ze u een rechtszaak kosten.

5. Structuur en semantiek

• Koppen volgen een logische volgorde (één H1, dan H2s, dan H3s genest onder de rechter H2) in plaats van niveaus over te slaan voor de visuele grootte.
• Er zijn oriëntatiepuntgebieden (koptekst, nav, hoofdtekst, voettekst) zodat gebruikers van schermlezers tussen secties kunnen springen in plaats van naar de hele pagina van boven naar beneden te luisteren.
• Links beschrijven hun bestemming ("Bekijk het retourbeleid", niet "klik hier", zes keer herhaald op een pagina).

6. Apps van derden

Dit is de categorie die de meeste Shopify-verkopers missen. Je thema is misschien schoon, maar de beoordelingswidget, upsell-pop-up, chatballon en afteltimer die je vanuit de App Store hebt geïnstalleerd, zijn dat vaak niet - en ze worden op elke pagina geladen. Controleer elke geïnstalleerde app afzonderlijk; een enkele kapotte pop-up kan al het andere ongedaan maken.

7. Mobiele aanraakdoelen

• Knoppen en links zijn op mobiele apparaten minimaal 44×44 pixels groot, met voldoende ruimte zodat een gebruiker met beperkte fijne motoriek niet op de verkeerde tikt.

Hoe u uw winkel kunt testen

Handmatige beoordeling vangt dingen op die geautomatiseerde tools over het hoofd zien, en geautomatiseerde tools vangen dingen op die handmatige beoordeling mist. Gebruik beide:

1. Voer eerst een geautomatiseerde scan uit.Onzegratis AccessScan-toolcontroleert uw startpagina, een productpagina en uw winkelwagentje aan de hand van WCAG 2.2 A/AA-regels met behulp van axe-core, en markeert binnen ongeveer een minuut de ernst van de problemen. Het is een echt nuttig startpunt, maar geautomatiseerd testen pakt doorgaans slechts 30 tot 40% van de echte barrières op. Beschouw een schone scan dus als een vloer en niet als een eindstreep.
2. Navigeer door uw eigen site met alleen een toetsenbord.Koppel uw muis tien minuten los en probeer iets te kopen.
3. Controleer het met een schermlezer.VoiceOver wordt gratis verzonden op elke Mac en iPhone; NVDA is gratis op Windows. U hoeft niet vloeiend te zijn: vijf minuten op uw startpagina en afrekenen zullen snel voor de hand liggende problemen aan het licht brengen.
4. Test opnieuw na elke thema- of app-update.Toegankelijkheid is geen eenmalig project. Een thema-update of een nieuwe app kan problemen die je al hebt opgelost, stilletjes opnieuw introduceren.

Een snelle waarschuwing over toegankelijkheidswidgets

U zult apps in de Shopify App Store zien die onmiddellijke ADA-naleving beloven via een enkele scriptinstallatie – meestal een klein toegankelijkheidspictogram in de hoek van uw site met een menu met weergave-aanpassingen. Dit worden overlay-widgets genoemd en ze voorkomen niet op betrouwbare wijze rechtszaken. We hebben er een volledig overzicht van geschrevenwaarom overlay-widgets voor toegankelijkheid niet werken zoals ze op de markt worden gebracht– waard om te lezen voordat u er een installeert in plaats van de bovenstaande checklist te doen.

Wat een sanering eigenlijk kost

Het hangt volledig af van hoe ver uw winkel momenteel verwijderd is. Een winkel met een strak, modern thema en een handvol zich slecht gedragende apps heeft misschien een paar dagen gerichte ontwikkelaarstijd nodig: het labelen van formulieren, het corrigeren van contrast, het controleren van apps. Een winkel gebouwd op een oud, sterk aangepast thema met tientallen toegankelijkheidslacunes ingebakken in aangepaste Liquid-code is een groter project, dichter bij een gedeeltelijke herbouw van het thema.

Hoe dan ook, de oplossing is goedkoper dan de rechtszaak. De juridische verdedigings- en schikkingskosten voor claims over ADA-webtoegankelijkheid lopen routinematig op tot vijf cijfers, zelfs als de onderliggende oplossing een ontwikkelaar een week zou hebben gekost. Als u een globale schatting wilt,Devmerx bouwt toegankelijkheid in in elk thema en elke migratie die we leverenen kan de herstelwerkzaamheden afzonderlijk opgeven als u al een winkel heeft.

Veelgestelde vragen

Is Shopify ADA standaard compatibel?

Geen enkel platform is standaard ‘ADA-compatibel’, inclusief Shopify. Er is aan de kassa en de kernbeheerder van Shopify gewerkt aan toegankelijkheid, maar uw thema, uw inhoud en elke app die u installeert zijn uw verantwoordelijkheid. Voor een standaard Shopify-thema moet de bovenstaande checklist nog steeds worden toegepast op uw specifieke winkel.

Garandeert het voldoen aan WCAG 2.2 AA dat ik niet wordt aangeklaagd?

Nee. WCAG-naleving vermindert uw risico dramatisch en geeft u een sterke juridische positie als er toch een claim binnenkomt, maar geen enkele technische standaard is een wettelijke garantie. Sommige claims zijn opportunistisch, ongeacht hoe compliant een site is. Wat WCAG-conformiteit doet, is het wegnemen van de gemakkelijke, voor de hand liggende schendingen die een site in de eerste plaats tot een gemakkelijk doelwit maken.

Heb ik een toegankelijkheidsverklaringpagina nodig?

Het is niet wettelijk verplicht, maar het is een goede gewoonte. Een korte pagina waarop u uw toewijding aan toegankelijkheid vermeldt, de standaard vermeldt waarop u zich richt (WCAG 2.2 AA) en een contactmethode geeft voor het melden van belemmeringen getuigt van goede trouw en geeft gebruikers een ander kanaal dan een rechtszaak.

Hoe vaak moet ik de toegankelijkheid opnieuw controleren?

Minimaal na elke thema-update, elke nieuwe app-installatie en elke grote contentpush (nieuwe verzamelpagina's, nieuwe landingspagina's). Veel winkels stellen een driemaandelijkse herinnering in om een ​​volledige scan uit te voeren, zelfs als er niets duidelijk is veranderd.

Zal het oplossen van toegankelijkheidsproblemen mijn winkel vertragen?

Over het algemeen het tegenovergestelde. Semantische HTML, schone opmaak en minder opgeblazen scripts van derden (dezelfde oplossingen die de toegankelijkheid verbeteren) hebben de neiging om ook de paginasnelheid te verbeteren. De twee doelstellingen conflicteren zelden.