Is de cookiebanner toegankelijk? WCAG 2.2 AA en ADA (Nieuwe versie)

Overzicht

De Pandectes-cookiebanner is gecertificeerd volgens WCAG 2.2 Level AA. Zoonou Limited, een onafhankelijk bedrijf voor toegankelijkheidstests, heeft hem getoetst aan WCAG 2.2, Section 508 en EN 301 549, en de resultaten gepubliceerd in een VPAT 2.5-conformiteitsrapport.

De audit dekt elke laag die een bezoeker kan openen: de cookie notice, de voorkeuren en de cookiedetails. Die omvatte handmatige tests met de schermlezers JAWS, NVDA en VoiceOver, Windows Magnifier, spraakbesturing met Dragon, en VoiceOver en TalkBack op mobiel. Elk WCAG 2.2-criterium op niveau A en AA kreeg de beoordeling Supports of Not Applicable.

Je leest de volledige conformiteitsverklaring op onze website: Toegankelijkheid en conformiteit.

WCAG, ADA en je winkel

De ADA kent geen officieel certificaat voor websites. In de Verenigde Staten is WCAG de meest gebruikte maatstaf wanneer de ADA op websites wordt toegepast. In de Europese Unie verwijst de European Accessibility Act naar EN 301 549, dat WCAG omvat. De banner voldoet aan beide.

De certificering geldt voor de banner zelf. Je thema, productinhoud en checkout moeten zelfstandig aan de richtlijnen voldoen. Dit artikel is informatie, geen juridisch advies.

Als je onze resultaten met een auditor deelt, is de pagina Toegankelijkheid en conformiteit de beste link om te sturen.

Veelvoorkomende auditbevindingen, uitgelegd

Geautomatiseerde scanners en sommige audits wijzen op dezelfde drie punten. Hieronder staat hoe de banner zich gedraagt en wat je kunt wijzigen.

„Focus zit niet vast in de banner”

Standaard is de banner niet-modaal. Bezoekers kunnen de pagina blijven lezen en bekijken terwijl de banner open is, dus de toetsenbordfocus beweegt van de banner naar de pagina en terug. Dit is bedoeld: WCAG verwacht alleen dat de focus in een dialoog blijft wanneer die de rest van de pagina blokkeert, en succescriterium 2.1.2 (No Keyboard Trap) vereist dat een bezoeker de focus altijd van niet-modale inhoud af kan halen.

Als je wilt dat bezoekers een keuze maken voordat ze de pagina gebruiken, zet dan enforced consent aan. De banner opent dan als modaal dialoogvenster: de pagina erachter wordt geblokkeerd, en Tab en Shift + Tab blijven binnen de banner tot de bezoeker een keuze maakt.

1. Open Shopify Admin > Apps > Pandectes GDPR Compliance.
2. Ga naar Cookie banner.
3. Open het tabblad Advanced.
4. Schakel onder Enforced consent (modals) Enforced consent (modals) in.
5. Optioneel: schakel Lock background scroll in.
6. Opslaan.

Meer details: Hoe je enforced consent (modals) gebruikt op de nieuwe banner.

„Focus gaat niet naar de pagina nadat de banner sluit”

Wanneer de banner opent, gaat de toetsenbordfocus erin, zodat gebruikers van toetsenbord en schermlezer beginnen bij de tekst van de banner.

Wanneer de banner sluit, verlaat de focus de banner en gaat terug naar de pagina:

• Als de bezoeker de banner opende vanuit de Consent widget of een link om opnieuw te openen, gaat de focus terug naar die widget of link.
• Bij het eerste bezoek had niets op de pagina de focus voordat de banner verscheen, dus de volgende druk op Tab gaat verder vanaf de positie van de banner op de pagina.

De focus blijft nooit op een verborgen element hangen en geen deel van de pagina wordt overgeslagen. Wil je dat de focus na het sluiten van de banner op een specifiek element terechtkomt (bijvoorbeeld de link Skip to content van je thema), dan is dat een wijziging in je thema, niet in de banner.

„Links melden niet dat ze een nieuw tabblad of een andere website openen”

De links in de banner zijn de links die je instelt op het tabblad Content onder Links:

• Privacy policy en Imprint openen standaard in hetzelfde tabblad. Ze openen alleen in een nieuw tabblad als je Always open links in a new tab inschakelt.
• De link Google partners opent altijd de pagina van Google in een nieuw tabblad.
• In de voorkeuren openen links Learn more about provider de pagina van de aanbieder in een nieuw tabblad.

Een link in een nieuw tabblad openen zonder waarschuwing is geen fout tegen WCAG 2.2 Level A of AA, maar een waarschuwing helpt wel. Je kunt er op twee manieren een toevoegen:

1. Open Shopify Admin > Apps > Pandectes GDPR Compliance.
2. Ga naar Cookie banner.
3. Open het tabblad Content en scroll naar Links.
4. Zet Always open links in a new tab uit, zodat je eigen pagina's in hetzelfde tabblad openen, of voeg de waarschuwing toe aan de linktekst, bijvoorbeeld Privacy policy (opens in a new tab).
5. Sla op en herhaal de wijziging daarna in All settings > Translations voor je andere talen.

Meer details: Hoe je bannerteksten en links bewerkt (New Version).

De banner toegankelijk houden nadat je hem hebt aangepast

De certificering geldt voor de banner zoals wij die leveren. Sommige wijzigingen kunnen contrast of leesbaarheid verlagen:

• Colors: zorgen voor voldoende contrast tussen tekst en achtergrond, en tussen knoppen en hun labels. Gebruik bij twijfel een preset op het tabblad Style.
• Custom styling (CSS): verbergen de focusranden niet, verkleinen de tekst niet onder een leesbaar formaat en verbergen geen knoppen.
• Texts: houden knoplabels duidelijk, zoals Accept, Decline en Preferences.

Feedback

Als jij of je auditor iets in de banner vindt dat lastig te gebruiken is, neem dan contact op via de chat in de app. We horen liever van een belemmering dan dat een bezoeker vertrekt vanwege die belemmering.

Gerelateerde artikelen

• Hoe je enforced consent (modals) gebruikt op de nieuwe banner
• Hoe je bannerteksten en links bewerkt (New Version)
• Hoe je naar de nieuwe banner overschakelt of terugschakelt naar de vorige versie

Bijgewerkt op: 27/10/2026