Vai al contenuto
Mera News

Guida per gli editori, capitolo 3

Pop-up e consenso

Ultima revisione novembre 2026

Ogni riquadro che compare sopra un articolo si frappone tra il lettore e il motivo per cui è arrivato. Alcuni sono richiesti dalla legge. Molti no. Questo capitolo spiega cosa chiede Google, cosa hanno detto le autorità europee sul consenso e come costruire una richiesta che funzioni con la tastiera e con uno screen reader. Non è una consulenza legale, quindi fai verificare il tuo banner dal tuo consulente.

Cosa chiede Google

Google descrive gli interstitial invasivi come elementi della pagina che bloccano la vista del contenuto, e avverte che possono portare a prestazioni scarse nella ricerca. Le sue indicazioni sono precise:

  • Non coprire l'intera pagina.
  • Non mandare il lettore su una pagina separata per il consenso o per inserire dati. Se ogni URL reindirizza a un'unica pagina di consenso, tutte tranne quella possono sparire dai risultati di ricerca.
  • Usa banner che occupano una piccola frazione dello schermo invece di interstitial a pagina intera.
  • Applica la stessa attenzione a ogni tipo di finestra promozionale, comprese le richieste di iscrizione alla newsletter e di installazione dell'app.

Per le installazioni di app, Google indica le opzioni supportate dai browser, come gli Smart App Banner in Safari, oppure un semplice banner HTML che rimanda allo store giusto.

Gli interstitial richiesti dalla legge sono esentati da queste indicazioni. Il controllo dell'età è l'esempio di Google. Se ne hai bisogno, mantieni il contenuto nella pagina sotto la sovrapposizione, così può essere comunque indicizzato.

I Better Ads Standards riguardano la pubblicità. I pop-up pubblicitari sono elencati sia per desktop sia per mobile. Su mobile, gli annunci prestitial sono elencati con o senza conto alla rovescia. Su desktop il formato elencato è il prestitial con conto alla rovescia, e uno che può essere chiuso subito non scende sotto lo standard.

Cosa hanno detto le autorità europee sul consenso

Il Comitato europeo per la protezione dei dati (EDPB) ha pubblicato linee guida sul consenso e un rapporto della sua task force sui banner dei cookie. Il rapporto della task force registra una soglia minima concordata per la gestione dei reclami, e le norme nazionali restano in vigore, quindi considera questi punti una base di partenza.

  • Nulla che richieda consenso parte per primo. I cookie che richiedono consenso non possono essere impostati finché il lettore non ha accettato con un'azione positiva.
  • Scorrere non è consenso. Le linee guida dicono che scorrere o fare swipe non conta in nessun caso come azione chiara e affermativa.
  • Le caselle già spuntate non sono consenso. Lo stesso vale per il silenzio o per il semplice proseguire nell'uso del servizio.
  • Offri un modo per rifiutare. Una grande maggioranza delle autorità nella task force ha considerato una violazione un banner senza opzione di rifiuto su ogni livello che ha un pulsante di consenso.
  • Non nascondere il rifiuto. Un link di rifiuto sepolto in un paragrafo, senza nulla che attiri l'attenzione, non porta a un consenso valido. I colori e il contrasto dei pulsanti sono valutati caso per caso.
  • L'accesso non può dipendere dall'accettazione. Le linee guida citano come esempio di consenso non libero una pagina che blocca tutto il contenuto finché il lettore non clicca su «Accetta i cookie».
  • Revocare deve essere facile quanto accettare. Se il consenso è bastato un clic, anche revocarlo dovrebbe richiederne uno. Un link permanente in un punto visibile e standard è un'opzione, e la task force cita anche una piccola icona.

Costruisci una richiesta che tutti possano usare

Un banner che non blocca la pagina

Un piccolo banner lascia proseguire il lettore, ed è ciò che Google preferisce. Deve comunque rispettare le WCAG 2.2. Il criterio di successo 2.4.11, Focus Not Obscured (Minimum), non è soddisfatto se un banner fisso nasconde del tutto l'elemento che ha il focus da tastiera. Aggiungi uno scroll padding pari all'altezza del banner:

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

Sovrapponi il banner, oppure riserva il suo spazio, così non spinge in basso l'articolo e non aggiunge spostamenti del layout.

Una finestra modale

Se la richiesta deve fermare il lettore, costruiscila come una vera finestra modale seguendo lo schema del W3C.

<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>
  • Sposta il focus nella finestra quando si apre.
  • Tab e Maiusc + Tab scorrono i controlli all'interno della finestra e ricominciano a ogni estremità.
  • Esc chiude la finestra. Consideralo come nessuna scelta fatta, mai come accettazione.
  • Quando si chiude, riporta il focus sull'elemento che l'ha aperta. Se la finestra si è aperta al caricamento della pagina, sposta il focus all'inizio del contenuto.

Su mobile

  • Ancora il banner in fondo allo schermo e mantieni visibile il titolo sopra di esso.
  • Impila i pulsanti a tutta larghezza, così ognuno è facile da toccare, con Accetta e Rifiuta della stessa dimensione.
  • Mantieni il testo breve e sposta i dettagli su un secondo livello.
  • Controlla il layout a 320 pixel CSS di larghezza e con il testo ingrandito al 200%. I pulsanti devono restare raggiungibili senza scorrere in orizzontale.

Su desktop

  • Usa una barra in basso o un pannello in un angolo, e lascia libero l'articolo.
  • Fai funzionare ogni controllo con la tastiera, con un indicatore di focus visibile.
  • Mantieni il testo a un rapporto di contrasto di almeno 4,5:1, oppure 3:1 per il testo grande.

Checklist

  • Carica la home e un articolo con un profilo browser nuovo, su telefono e su desktop. Conta cosa compare sopra il contenuto.
  • Rimuovi ogni sovrapposizione a pagina intera che la legge non richiede.
  • Rimuovi qualsiasi reindirizzamento a una pagina di consenso separata.
  • Verifica che nessun tag che richiede consenso si attivi prima che il lettore accetti.
  • Metti un'opzione di rifiuto ovunque ci sia un'opzione di accettazione, come pulsante di pari peso.
  • Rimuovi le caselle già spuntate e qualsiasi logica che consideri lo scorrimento come consenso.
  • Aggiungi un link o un'icona permanente per cambiare le scelte sulla privacy, su ogni pagina.
  • Scorri il banner con il tasto Tab, senza mouse, e verifica che il focus resti visibile e non sparisca mai dietro di esso.
  • Prova una finestra modale con uno screen reader, compresi Esc e il ritorno del focus.
  • Sostituisci i pop-up personalizzati di installazione dell'app con un piccolo banner.

Fonti