Toegankelijkheidsfouten bij cookie banners

Digitale toegankelijkheid en cookie banners

Het artikel "Cookie banners case study" op Make Things Accessible behandelt de toegankelijkheidsproblemen die vaak optreden bij het toepassen van cookiebanners op websites. Hoewel deze banners zijn ontworpen om aan de GDPR-eisen (AVG) te voldoen, kunnen ze onbewust obstakels vormen voor gebruikers met een functionele beperking. In dit blog artikelen delen we een korte samenvatting van dit onderzoek.

Waarom is toegankelijkheid bij cookie banners belangrijk?

Digitale toegankelijkheid is niet alleen een ethische en wettelijke vereiste, maar ook belangrijk voor een goede gebruikerservaring. Veel cookie banners:

• Zijn niet goed bruikbaar met een toetsenbord of schermlezer.

• Belemmeren de toegang tot de website.

• Geven geen duidelijke feedback bij wijzigingen.

Door deze problemen op te lossen, verbeter je de toegankelijkheid én de conversie van je website.

Onderzoek naar diverse cookiebanners.

Tijdens het onderzoek werden diverse cookiebanners beoordeeld, waaronder die van:

• Admiral.

• Civic Cookie Control.

• Easy Cookie.

• Gov.uk.

• Ketch.

• OneTrust CookiePro.

• Osano.

• Piwik PRO.

• Usercentrics Cookiebot.

• WordPress.

Het meest voorkomende toegankelijkheidsprobleem

Een veelvoorkomend probleem was het gebrek aan een zichtbare focusindicator bij navigatie op het toetsenbord, wat in strijd is met succescriterium 2.4.7 Focus zichtbaar (AA). Veel gebruikers met een beperking navigeren websites met alleen het toetsenbord. Als de cookie banner geen duidelijke focusindicator heeft (zoals een visuele highlight om te zien waar je bent), kunnen deze gebruikers vastlopen. Op het voorbeeld van HEMA.nl zie je wél een duidelijke focusindicator.

Andere toegankelijkheidsproblemen

Het onderzoek licht ook andere toegankelijkheidsfouten toe, zoals:

Inhoud van de banner is niet 'inert'

Wanneer een cookie banner wordt weergegeven, moet de rest van de pagina niet onbedoeld interactief blijven. Dit probleem is in strijd met WCAG succescriterium 2.4.11 (Focus niet bedekt, AA). Als een gebruiker per ongeluk op de pagina achter de banner klikt, kan de website ongewenste acties uitvoeren. Dit kan verwarrend zijn en leidt tot een slechte gebruikerservaring.

Banner schaalt niet goed bij vergroting

Veel slechtziende gebruikers vergroten hun scherm met zoom-functionaliteiten. Sommige cookie banners schalen echter niet goed mee, waardoor de inhoud verdwijnt of knoppen buiten beeld raken. Dit is in strijd met WCAG succescriterium 1.4.10 (Reflow, AA).

Formulierelementen missen labels

Veel cookie banners bevatten knoppen zoals "Essentiële cookies", "Marketingcookies", maar zonder een correcte beschrijving in de code. Hierdoor kunnen schermlezers de knoppen niet goed interpreteren. Dit is in strijd met WCAG succescriterium 1.3.1 (Info en relaties) en 4.1.2 (Naam, rol, waarde).
Schermlezers kunnen gebruikers niet vertellen welke keuzes ze maken, waardoor ze niet weten wat een knop precies doet. Dit leidt tot frustratie en ontoegankelijke interacties

Geen melding bij wijziging in cookie-instellingen

Wanneer een gebruiker zijn cookie-instellingen aanpast, krijgt hij/zij vaak geen feedback over de wijziging. Hierdoor weet de gebruiker niet of de actie is geslaagd. Dit is in strijd met WCAG succescriterium 4.1.2 (Naam, rol, waarde).