Cookie Consent #359

JJGrootveld · 2024-11-29T14:51:52Z

JJGrootveld
Nov 29, 2024

isuele weergave van een cookie consent component

We willen graag meer leren over het Cookie Consent component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!

Naam

Cookie Consent Banner

Beschrijving

Toont een venster over de pagina om cookies te accepteren of te weigeren die niet essentieel zijn voor het functioneren van de website of dienst.

Ook bekend als

Cookie banner, Cookie consent banner

Richtlijnen

Robert Roose: "Volgens mij is de richtlijn dat je geen cookies plaatst die ervoor zorgen dat je een cookie banner moet te tonen. Zoals bij rvo.nl, overheid.nl, belastingdienst.nl en rijksoverheid.nl"

Onderzoek

Compliance

https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/cookies/cookiewall

Component

Pattern

JJGrootveld · 2024-12-05T13:23:22Z

JJGrootveld
Dec 5, 2024
Author

KVK

kvk.nl (als je de cookie consent niet ziet -> clear cookies en refresh om te zien)

Screenshots / Varianten

Screen size: 720px>

visuele weergave van de cookie consent dialog op kvk.nl

visuele weergave van de cookie consent dialog op kvk.nl met een opengeklapte accordion met informatie over functionele cookies

Screen size: <719px

visuele weergave van de cookie consent dialog op kvk.nl op een klein scherm van 375px breed

Notities

nog aanvullen...

0 replies

RenateRoke · 2025-10-09T09:21:44Z

RenateRoke
Oct 9, 2025
Collaborator

Informatie uit de Kennisbank digitoegankelijk voor toegankelijke cookiebanners

Met cookies kan je informatie verzamelen over het bezoek of over de bezoeker van je website. Deze informatie gebruik je voor functies op de website, voor marketing of inzicht in bezoekersaantallen.

De algemene verordening gegevensbescherming (AVG) zegt dat je bezoekers om toestemming moet vragen als je met cookies persoonsgegevens verwerkt. Je doet dit met een cookiemelding of cookie banner. Maak de cookiemelding toegankelijk, zodat iedereen zelf kiest welke gegevens wel en niet worden bewaard met cookies.

Positie van de cookiemelding

Plaats de cookiemelding in code helemaal bovenaan de pagina. Net na de <body> en voor de skiplink. Zo komen bezoekers de cookiemelding als eerste tegen als ze het toetsenbord of een schermlezer gebruiken. Dit voorkomt dat mensen met een visuele beperking de cookiemelding te laat of helemaal niet tegenkomen.

Cookiemelding van een leverancier

Er zijn veel leveranciers die het cookiebeheer en de melding voor je regelen. Dit kan heel makkelijk zijn, maar het kan ook zorgen voor een volledig ontoegankelijke website. Bijvoorbeeld wanneer je bezoeker via het toetsenbord vast komt te zitten in de cookiemelding.

Vraag naar een onderzoek dat digitale toegankelijkheid van het product aantoont of laat de leverancier een toegankelijkheidsonderzoek doen van de cookiemelding.

Doe dit voor toegankelijkheid

Gebruik alleen bewezen toegankelijke oplossingen van leveranciers.
Zorg dat in de focusvolgorde de cookiemelding eerst komt.
Maak alle onderdelen ook toegankelijk voor het toetsenbord.
Pas op met sticky cookiemeldingen. Zoom je in bij cookmeldingen met een vaste plaats, dan verbergen ze vaak inhoud op de pagina.
Zorg voor voldoende kleurcontrast.
Zorg voor tekstalternatieven, bijvoorbeeld bij iconen.
Maak teksten toegankelijk met koppen en eventueel lijsten.
Geef formulierelementen een duidelijk label en een toegankelijke naam. Bijvoorbeeld bij selectievakken.
Stel de taal van de cookiemelding goed in.
Zorg dat je de cookiemelding makkelijk kan sluiten, ook met een toetsenbord.

0 replies

julezrulez · 2025-12-03T10:47:22Z

julezrulez
Dec 3, 2025

Voorbeelden cookiemeldingen

Ik onderzoek de cookiemeldingen al een tijdje maar heb dit onderzoek nog niet afgerond. Het onderzoek omvat ruim 450 hoofdwebsites van onder andere gemeenten, waterschappen, provincies en veiligheidsregio's. Ongeveer de helft van deze organisaties hebben een cookiemelding op de website. De ontwikkeling van het onderzoeksrapport is te volgen op https://www.digimonitor.nl/cookiemeldingen/
De zaken die voor deze discussie belangrijk zijn publiceer ik hier.

Cookiemelding

De cookiemelding is er in de volgende smaken:

cookiebalk, zie hieronder voorbeelden
cookiepopup
cookieknop

Al deze vormen zijn sticky of scrollen mee met de pagina. Bij de popup is vaak een actie vereist. Bij de cookiebalk kan je vaak de website al goed bekijken.

Keuzemogelijkheid bij cookiemeldingen

Een cookiemelding biedt ongeacht de vorm (balk of popup) een of meerdere mogelijkheden aan:

Sluit melding
Accepteer cookies
Accepteer noodzakelijke cookies
Weiger cookies
Wijzig cookie-instellingen
Informatie over cookies
Voor cookie-instellingen wordt vaak een aparte pagina aangemaakt. Bij popups komt het voor dat de instellingen binnen de popup aangepast kunnen worden.