Banner cookie: riconoscere i design ingannevoli

I dark pattern sono scelte di interfaccia che spingono le persone verso una decisione che altrimenti potrebbero non prendere. In un banner cookie, possono significare nascondere il rifiuto, preselezionare finalità facoltative o rendere il testo difficile da capire. Un tasso di accettazione elevato non ti dice se i visitatori hanno capito la scelta.

Per i team che si rivolgono a visitatori europei, un riferimento utile è la relazione della Cookie Banner Taskforce dell’EDPB. Riporta le posizioni minime concordate dalle autorità europee per la protezione dei dati nella gestione di una serie di reclami sui banner cookie. A queste si aggiungono norme e linee guida nazionali, quindi lo stesso layout non viene valutato allo stesso modo in ogni paese.

Per ogni pattern qui sotto trovi una breve descrizione del problema e una correzione concreta. Le correzioni sono nostre raccomandazioni pratiche; quando un punto deriva dalla legge o dalle linee guida di un’autorità, lo indichiamo.

1. L’opzione di rifiuto c’è, ma si vede a fatica

Al centro c’è un grande pulsante “Accetta tutti”. L’alternativa è un link sbiadito dentro un paragrafo. Tecnicamente i visitatori possono rifiutare, ma prima devono individuare l’opzione.

Problema: il rifiuto non sembra una scelta. Ha lo stile del testo normale, è lontano dai pulsanti o nascosto nella spiegazione, e su uno smartphone può sparire del tutto.

Correzione: trasforma il rifiuto in un pulsante accanto ad “Accetta tutti”, con le stesse dimensioni e la stessa forma. Su mobile, impila entrambi i pulsanti a tutta larghezza. Un collega dovrebbe trovare il rifiuto su uno smartphone senza suggerimenti.

La taskforce dell’EDPB ha indicato questo caso come esempio di design che non porta a un consenso valido: l’unica alternativa al consenso è un link “rifiuta” inserito nel testo, senza un supporto visivo sufficiente ad attirare l’attenzione di un utente medio.

In Francia, nel dicembre 2024, la CNIL ha ordinato a diversi editori di siti web di modificare i banner in cui l’opzione di rifiuto era un link inserito nell’informativa o aveva molto meno risalto dell’accettazione, perché rifiutare non era facile quanto accettare.

Questo pattern riguarda la visibilità. Il pattern 3 riguarda il numero di passaggi: un’opzione di rifiuto può essere ben visibile e portare comunque a un lungo percorso tra le impostazioni.

2. Le categorie facoltative sono attive fin dall’inizio

Un visitatore apre le preferenze e trova il marketing già attivato. Salvando la schermata si potrebbe registrare una scelta che non ha mai fatto.

Problema: gli interruttori per i cookie analitici o di marketing sono attivi prima che il visitatore li tocchi, quindi non fare nulla sembra un consenso.

Correzione: dove è richiesto un consenso opt-in, disattiva per impostazione predefinita ogni categoria facoltativa. Resta attiva solo l’archiviazione strettamente necessaria, contrassegnata come sempre attiva, con una spiegazione di una riga accanto a ogni interruttore.

Qui la posizione dell’UE è chiara. Il considerando 32 del GDPR afferma che le caselle preselezionate non dovrebbero configurare consenso, e la taskforce dell’EDPB ha confermato che le caselle di opt-in preselezionate non portano a un consenso valido.

3. Rifiutare richiede più passaggi che accettare

Conta i clic. Se per accettare ne basta uno, ma per rifiutare servono un pannello delle impostazioni, diversi interruttori e un pulsante di salvataggio, i due percorsi svolgono compiti molto diversi.

Problema: il primo livello offre “Accetta tutti” e “Impostazioni”, ma nessun modo per rifiutare. Per rifiutare bisogna aprire un secondo livello, disattivare le categorie e confermare.

Correzione: metti “Rifiuta tutti” sullo stesso livello di “Accetta tutti”, così rifiutare richiede un solo clic, proprio come accettare. Mantieni “Gestisci preferenze” come terzo pulsante per i visitatori che vogliono fare una scelta specifica.

Nella relazione dell’EDPB, la grande maggioranza delle autorità partecipanti ha considerato una violazione il caso in cui un livello con un pulsante di consenso non offra alcuna opzione di rifiuto. Alcune autorità hanno espresso un parere diverso, perché la direttiva ePrivacy non menziona esplicitamente un’opzione di rifiuto. Verifica le linee guida dell’autorità competente per il tuo sito.

4. Colori e contrasto nascondono una scelta

I colori del brand vanno bene. I comandi che scompaiono no. Un’etichetta di rifiuto grigio chiaro su sfondo bianco può essere difficile da leggere anche per chi la cerca.

Problema: “Accetta tutti” è un pulsante pieno in un colore del brand deciso, mentre il rifiuto è un testo a basso contrasto su sfondo chiaro. Un’azione salta all’occhio; l’altra passa facilmente inosservata.

Correzione: dai alle scelte principali lo stesso stile di pulsante, o almeno un peso visivo paragonabile ed etichette leggibili. Verifica ogni etichetta con le indicazioni del W3C sul contrasto (4,5:1 per il testo normale) e rendi visibile il focus da tastiera.

Le autorità valutano la questione caso per caso. La taskforce dell’EDPB ha concordato che non si può imporre uno standard generale per colori o contrasto, ma ha indicato un esempio manifestamente ingannevole: un pulsante di rifiuto con un contrasto del testo così basso da risultare illeggibile praticamente per qualsiasi utente. Anche le raccomandazioni pratiche della CNIL sui cookie trattano l’enfasi visiva ingannevole.

5. Un testo vago nasconde la finalità

“Migliorare la tua esperienza” potrebbe significare ricordare la lingua preferita, misurare le visite o creare un pubblico pubblicitario. Sono attività diverse.

Problema: il testo del banner usa frasi generiche invece di indicare cosa fanno i cookie facoltativi, quindi i visitatori non possono capire a cosa stanno acconsentendo.

Correzione: indica ogni finalità con parole semplici, ad esempio: “Usiamo cookie analitici facoltativi per capire quali pagine visitano le persone.” Descrivi la pubblicità in una frase a parte e cita solo strumenti e finalità che il tuo sito usa davvero.

La taskforce dell’EDPB ha concordato che un banner dovrebbe chiarire di cosa si tratta, qual è la finalità del consenso e come darlo. Una frase ben scritta che descrive gli strumenti sbagliati non raggiunge questo obiettivo.

6. Chi rifiuta viene fatto sentire in colpa

“No grazie, non voglio un sito migliore” non è un’etichetta di consenso utile. Aggiunge un’argomentazione a una scelta che dovrebbe essere comprensibile da sola.

Problema: il pulsante di accettazione ha un tono positivo, mentre l’etichetta di rifiuto fa leva sul senso di colpa o sul sarcasmo. Il testo mette pressione ai visitatori invece di descrivere la scelta.

Correzione: usa etichette dei pulsanti neutre e parallele, come “Accetta tutti”, “Rifiuta tutti” e “Gestisci preferenze”. Riserva i testi persuasivi alle parti del sito in cui i visitatori si aspettano di essere persuasi.

7. Modificare una scelta è più difficile che farla

Dopo l’accettazione il banner scompare. Ora, per revocare il consenso, il visitatore deve cercare nella tua informativa o contattare l’assistenza.

Problema: dopo la prima scelta non c’è un modo visibile per tornare alle impostazioni, quindi revocare il consenso richiede molto più impegno di quanto ne abbia richiesto accettare.

Correzione: aggiungi un pulsante per le impostazioni dei cookie sempre disponibile su ogni pagina, oppure un link chiaramente etichettato in una posizione fissa come il piè di pagina, che riapra le stesse scelte. Poi verifica il risultato: dopo la revoca, i tag facoltativi dovrebbero fermarsi.

L’articolo 7, paragrafo 3, del GDPR richiede che revocare il consenso sia facile quanto prestarlo. La taskforce dell’EDPB cita come esempi una piccola icona sempre visibile o un link in una posizione visibile e standard, ma nessun design specifico per la revoca è obbligatorio; le autorità valutano la soluzione caso per caso.

Una verifica migliore di “l’accettazione è aumentata?”

Chiedi a una persona esterna al progetto di completare tre compiti: rifiutare i cookie facoltativi, consentire solo i cookie analitici e poi revocare quel permesso. Osserva dove esita. Poi esegui il test tecnico di Rifiuta tutti per verificare che il sito rispetti le sue scelte.

Per layout che mantengono chiare le scelte pur cambiando l’aspetto visivo, guarda sei esempi di design per banner cookie.