Naar de inhoud
Mera News

Gids voor uitgevers, hoofdstuk 3

Pop-ups en toestemming

Laatst beoordeeld in november 2026

Elk venster dat over een artikel verschijnt, staat tussen de lezer en de reden waarom die kwam. Sommige zijn wettelijk verplicht. Veel andere niet. Dit hoofdstuk behandelt wat Google vraagt, wat Europese toezichthouders over toestemming hebben gezegd en hoe u een melding bouwt die werkt met een toetsenbord en een schermlezer. Het is geen juridisch advies, dus laat uw banner controleren door uw eigen jurist.

Wat Google vraagt

Google beschrijft opdringerige interstitials als pagina-elementen die het zicht van de lezer op de inhoud blokkeren en waarschuwt dat ze tot slechtere prestaties in zoekresultaten kunnen leiden. De richtlijnen zijn concreet:

  • Bedek niet de hele pagina.
  • Stuur de lezer niet naar een aparte pagina voor toestemming of invoer. Als elke URL doorverwijst naar één toestemmingspagina, kunnen alle pagina's behalve die ene uit de zoekresultaten verdwijnen.
  • Gebruik banners die een klein deel van het scherm innemen in plaats van interstitials over de hele pagina.
  • Pas dezelfde zorg toe op promotionele dialogen van elke soort, ook op nieuwsbriefvragen en vragen om de app te installeren.

Voor app-installaties wijst Google op opties die de browser ondersteunt, zoals Smart App Banners in Safari, of een gewone HTML-banner met een link naar de juiste winkel.

Interstitials die wettelijk verplicht zijn, vallen buiten deze richtlijn. Leeftijdscontroles zijn het voorbeeld van Google. Als u er een nodig hebt, laat de inhoud dan onder de overlay op de pagina staan, zodat die nog kan worden geïndexeerd.

De Better Ads Standards gaan over advertenties. Pop-upadvertenties staan op de lijst voor zowel desktop als mobiel. Op mobiel staan prestitial-advertenties op de lijst, met of zonder aftelling. Op desktop is het genoemde formaat de prestitial met aftelling, en een die meteen te sluiten is, valt niet onder de norm.

Wat Europese toezichthouders over toestemming hebben gezegd

De Europese Raad voor gegevensbescherming (EDPB) heeft richtsnoeren over toestemming gepubliceerd en een rapport van zijn taskforce over cookiebanners. Het rapport van de taskforce legt een minimumdrempel vast die is afgesproken voor de behandeling van klachten, en nationale regels blijven gelden, dus zie deze punten als een basis.

  • Niets wat toestemming vereist, draait eerst. Cookies waarvoor toestemming nodig is, mogen pas worden geplaatst nadat de lezer door een positieve handeling heeft ingestemd.
  • Scrollen is geen toestemming. De richtsnoeren zeggen dat scrollen of vegen onder geen enkele omstandigheid als duidelijke en bevestigende handeling telt.
  • Vooraf aangevinkte vakjes zijn geen toestemming. Hetzelfde geldt voor stilzwijgen, of gewoon doorgaan met de dienst.
  • Bied een manier om te weigeren. Een grote meerderheid van de autoriteiten in de taskforce zag een banner zonder weigeroptie op elke laag met een toestemmingsknop als een overtreding.
  • Verberg het weigeren niet. Een weigerlink die in een alinea is verstopt, zonder iets wat er de aandacht op vestigt, leidt niet tot geldige toestemming. Knopkleuren en contrast worden per geval beoordeeld.
  • Toegang mag niet afhangen van accepteren. De richtsnoeren noemen als voorbeeld van niet vrij gegeven toestemming een pagina die alle inhoud blokkeert totdat de lezer op "Cookies accepteren" klikt.
  • Intrekken moet even makkelijk zijn als instemmen. Als toestemming geven één klik kostte, moet intrekken dat ook doen. Een permanente link op een zichtbare, standaardplek is één optie, en de taskforce noemt ook een klein icoon.

Bouw een melding die iedereen kan gebruiken

Een banner die de pagina niet blokkeert

Een kleine banner laat de lezer doorgaan, wat Google verkiest. Hij moet nog steeds voldoen aan WCAG 2.2. Succescriterium 2.4.11, Focus Not Obscured (Minimum), faalt als een vaste banner het item met toetsenbordfocus geheel verbergt. Voeg scroll-padding toe gelijk aan de hoogte van de banner:

html {
  scroll-padding-bottom: 96px; /* the banner's height */
}

Leg de banner eroverheen of reserveer zijn ruimte, zodat hij het artikel niet omlaag duwt en layoutverschuiving toevoegt.

Een modaal dialoogvenster

Als de melding de lezer moet tegenhouden, bouw haar dan als een echt modaal dialoogvenster volgens het W3C-patroon.

<div role="dialog" aria-modal="true"
     aria-labelledby="consent-title" aria-describedby="consent-text">
  <h2 id="consent-title">Your privacy choices</h2>
  <p id="consent-text">Choose whether this site may use cookies for advertising.</p>
  <button type="button">Reject all</button>
  <button type="button">Accept all</button>
  <button type="button">Choose settings</button>
</div>
  • Verplaats de focus naar het dialoogvenster wanneer het opent.
  • Tab en Shift + Tab doorlopen de bedieningselementen in het dialoogvenster en beginnen aan beide uiteinden opnieuw.
  • Escape sluit het dialoogvenster. Behandel dat als geen keuze gemaakt, nooit als acceptatie.
  • Zet bij het sluiten de focus terug op het element dat het opende. Als het dialoogvenster bij het laden van de pagina opende, verplaats de focus dan naar het begin van de inhoud.

Op mobiel

  • Zet de banner onderaan het scherm vast en houd de kop erboven zichtbaar.
  • Stapel de knoppen op volle breedte zodat elke knop makkelijk te tikken is, met Accepteren en Weigeren even groot.
  • Houd de tekst kort en verplaats de details naar een tweede laag.
  • Controleer de lay-out bij een breedte van 320 CSS-pixels en met tekst vergroot tot 200%. De knoppen moeten bereikbaar blijven zonder zijwaarts te scrollen.

Op desktop

  • Gebruik een balk onderaan of een paneel in een hoek en laat het artikel vrij.
  • Laat elk bedieningselement met het toetsenbord werken, met een zichtbare focusindicator.
  • Houd tekst op een contrastverhouding van minimaal 4,5:1, of 3:1 voor grote tekst.

Checklist

  • Laad uw homepage en een artikel met een vers browserprofiel, op een telefoon en op een desktop. Tel wat er over de inhoud verschijnt.
  • Verwijder elke overlay over de hele pagina die de wet niet vereist.
  • Verwijder elke doorverwijzing naar een aparte toestemmingspagina.
  • Controleer dat er geen tag die toestemming nodig heeft afgaat voordat de lezer instemt.
  • Zet overal waar een accepteeroptie is ook een weigeroptie, als knop met gelijk gewicht.
  • Verwijder vooraf aangevinkte vakjes en alle logica die scrollen als toestemming telt.
  • Voeg op elke pagina een permanente link of icoon toe om privacykeuzes te wijzigen.
  • Tab zonder muis door de banner en controleer dat de focus zichtbaar blijft en nooit erachter verdwijnt.
  • Test een modaal dialoogvenster met een schermlezer, inclusief Escape en het terugzetten van de focus.
  • Vervang eigen pop-ups voor app-installatie door een kleine banner.

Bronnen