Questo articolo è disponibile anche in:

Il banner dei cookie è accessibile? WCAG 2.2 AA e ADA (nuova versione)

Panoramica

Il banner dei cookie di Pandectes è certificato WCAG 2.2 Level AA. Zoonou Limited, una società indipendente di test sull'accessibilità, lo ha verificato rispetto a WCAG 2.2, Section 508 e EN 301 549, e ha pubblicato i risultati in un report di conformità VPAT 2.5.

La verifica copre ogni livello che un visitatore può aprire: l'avviso cookie, le preferenze e i dettagli dei cookie. Include test manuali con gli screen reader JAWS, NVDA e VoiceOver, Windows Magnifier, il controllo vocale Dragon, e VoiceOver e TalkBack su mobile. Ogni criterio WCAG 2.2 di livello A e AA è stato valutato come Supports o Not Applicable.

Puoi leggere la dichiarazione di conformità completa sul nostro sito: Conformità di accessibilità.

Nuovo Banner. Per gli store con il badge New version su Cookie banner. Per il Legacy Banner, consulta Come passare al nuovo banner o tornare alla versione precedente.

WCAG, ADA e il tuo store

L'ADA non prevede un certificato ufficiale per i siti web. Negli Stati Uniti, WCAG è lo standard più usato quando l'ADA si applica ai siti web. Nell'Unione Europea, lo European Accessibility Act fa riferimento a EN 301 549, che include WCAG. Il banner rispetta entrambi.

La certificazione copre il banner in sé. Il tuo tema, i contenuti dei prodotti e il checkout devono ancora rispettare le linee guida da soli. Questo articolo è un'informazione, non una consulenza legale.

Se condividi i nostri risultati con un auditor, la pagina Conformità di accessibilità è il link migliore da inviare.

Risultati comuni delle verifiche, spiegati

Scanner automatici e alcune verifiche segnalano gli stessi tre punti. Ecco come si comporta il banner e cosa puoi cambiare.

“Il focus non è intrappolato dentro il banner”

Per impostazione predefinita il banner è non modale. I visitatori possono continuare a leggere e navigare la pagina mentre è aperto, quindi la tastiera passa dal banner alla pagina e viceversa. È voluto: WCAG si aspetta che il focus resti dentro una finestra solo quando la finestra blocca il resto della pagina, e il criterio 2.1.2 (No Keyboard Trap) richiede che un visitatore possa sempre spostare il focus fuori dal contenuto non modale.

Se vuoi che i visitatori facciano una scelta prima di usare la pagina, attiva il consenso obbligatorio. Il banner si apre come finestra modale: la pagina dietro è bloccata, e Tab e Shift + Tab restano dentro il banner finché il visitatore non sceglie.

Apri Admin Shopify > App > Pandectes GDPR Compliance.
Vai su Cookie banner.
Apri la scheda Advanced.
In Enforced consent (modals), attiva Enforced consent (modals).
Facoltativo: attiva Lock background scroll.
Salva.

Maggiori dettagli: Come usare il consenso obbligatorio (modali) sul nuovo banner.

“Il focus non torna alla pagina dopo la chiusura del banner”

Quando il banner si apre, il focus da tastiera entra al suo interno, quindi gli utenti di tastiera e screen reader iniziano dal messaggio del banner.

Quando il banner si chiude, il focus esce dal banner e torna alla pagina:

Se il visitatore ha aperto il banner dal Consent widget o da un link di riapertura, il focus torna a quel widget o link.
Alla prima visita, nulla nella pagina aveva il focus prima del banner, quindi la successiva pressione di Tab continua dalla posizione del banner nella pagina.

Il focus non resta mai su un elemento nascosto e nessuna parte della pagina viene saltata. Se vuoi che il focus atterri su un elemento specifico dopo la chiusura del banner (per esempio il link Skip to content del tuo tema), è una modifica al tema, non al banner.

“I link non annunciano che apriranno una nuova scheda o un altro sito”

I link nel banner sono quelli che imposti nella scheda Content sotto Links:

Privacy policy e Imprint si aprono nella stessa scheda per impostazione predefinita. Si aprono in una nuova scheda solo se attivi Always open links in a new tab.
Il link Google partners apre sempre la pagina di Google in una nuova scheda.
Nelle preferenze, i link Learn more about provider aprono la pagina del fornitore in una nuova scheda.

Aprire un link in una nuova scheda senza avviso non è un errore WCAG 2.2 di livello A o AA, ma un avviso è utile. Puoi aggiungerlo in due modi:

Apri Admin Shopify > App > Pandectes GDPR Compliance.
Vai su Cookie banner.
Apri la scheda Content e scorri fino a Links.
Oppure disattiva Always open links in a new tab, così le tue pagine si aprono nella stessa scheda, oppure aggiungi l'avviso al testo del link, per esempio Privacy policy (opens in a new tab).
Salva, poi ripeti la modifica in All settings > Translations per le altre lingue.

Maggiori dettagli: Come modificare testi e link del banner (Nuova versione).

Mantieni il banner accessibile dopo averlo personalizzato

La certificazione vale per il banner così come lo distribuiamo. Alcune modifiche possono ridurre il contrasto o la leggibilità:

Colors: mantieni un contrasto sufficiente tra testo e sfondo, e tra pulsanti ed etichette. Nel dubbio, usa un preset nella scheda Style.
Custom styling (CSS): non nascondere i contorni del focus, non ridurre il testo sotto una dimensione leggibile e non nascondere i pulsanti.
Texts: mantieni etichette dei pulsanti chiare, come Accept, Decline e Preferences.

Feedback

Se tu o il tuo auditor trovate qualcosa nel banner difficile da usare, contattaci tramite la chat nell'app. Preferiamo sapere di un ostacolo piuttosto che far andare via un visitatore per colpa sua.