• Als de applicatie/website cookies of trackers gebruikt die niet strikt noodzakelijk zijn.

• Als gebruikers expliciete toestemming moeten geven voor optionele cookies.

Niet gebruiken als er uitsluitend noodzakelijke cookies geplaatst worden (geen toestemming vereist).

Het ontwerp schaalt optimaal naar mobiel, tablet en desktop. Op mobiele toestellen nemen de actieknoppen de volledige breedte van het scherm in, en verschijnen meerdere knoppen onder elkaar.

Initiële staat

De banner verschijnt onderaan de pagina bij het eerste bezoek en blijft zichtbaar totdat de gebruiker een keuze maakt.

Acties

• Alle cookies aanvaarden: accepteert alle categorieën en sluit de banner.

• Enkel noodzakelijke cookies aanvaarden: accepteert enkel noodzakelijke cookies en sluit de banner.

• Cookievoorkeuren beheren: toont openklapbare inhoud.

• Cookievoorkeuren opslaan: bevestigt geselecteerde voorkeuren en sluit de banner

Geen sluitknop of -link

De banner heeft bewust geen sluitknop. Zo zal de gebruiker niet per ongeluk cookies accepteren door de banner te negeren of sluiten. De banner blijft staan totdat de gebruiker een keuze maakt.

Er is altijd een duidelijke, zichtbare manier om een keuze te maken, onder de vorm van primaire actieknoppen. Dit resulteert vervolgens in de expliciete toestemming of weigering die vereist is voor optionele cookies.

Herinnering

De banner verschijnt opnieuw indien de gebruiker zijn voorkeuren wist of aanpast via instellingen.

Focus management

Wanneer de banner verschijnt, krijgt de bannercontainer direct de focus. Dit zorgt ervoor dat screenreader- en toetsenbordgebruikers onmiddellijk op de hoogte zijn van het toestemmingsmechanisme.

De rest van de pagina blijft toegankelijk voor toetsenbordgebruikers (geen focus trap nodig).

Nadat de gebruiker een keuze heeft bevestigd en de banner sluit, wordt de focus verplaatst naar een logisch element op de pagina, zoals de <main>-heading of een belangrijke interactieve component.

Ondersteuning voor screenreaders

Buttons en checkboxes voorzien van duidelijke en beschrijvende aria-labels.

Geen sluitknop en UX impact

Omdat de banner niet gesloten kan worden zonder een keuze te maken, is het extra belangrijk dat de call-to-actions prominent en duidelijk zijn. Dit voorkomt dat gebruikers (vooral met screenreaders) het gevoel krijgen dat de banner hen blokkeert of dat er geen weg vooruit is.