Checklist di conformità EAA per e-commerce: i 24 punti da verificare
In sintesi
Per essere conforme allo European Accessibility Act — recepito in Italia dal D.Lgs. 82/2022, in vigore dal 28 giugno 2025 — un negozio online deve rispettare la norma EN 301 549, che rimanda alle WCAG 2.1 livello AA, lungo tutto il percorso d'acquisto — e pubblicare le «informazioni sull'accessibilità» (art. 12 / Allegato IV). Le carenze più frequenti:
- contrasti di colore troppo deboli su prezzi, pulsanti ed etichette;
- immagini di prodotto senza testo alternativo;
- un checkout non utilizzabile con la sola tastiera o senza messaggio d'errore chiaro;
- l'assenza delle «informazioni sull'accessibilità» (la violazione più facile da constatare).
La checklist qui sotto raccoglie 24 punti concreti per tappa del percorso d'acquisto. Una scansione automatica ne rileva una parte in pochi secondi; il resto va verificato a mano.
Sai che il tuo sito deve essere «accessibile», ma in concreto: cosa controlli? Questa checklist traduce i requisiti giuridici del D.Lgs. 82/2022 in punti verificabili, seguendo un vero percorso d'acquisto — dalla home page al pagamento — e aggiunge in coda l'obbligo documentale, che pesa quanto il lavoro tecnico.
Prima il quadro: cosa chiede davvero la legge
Il D.Lgs. 27 maggio 2022, n. 82 recepisce in Italia la direttiva UE 2019/882 — lo European Accessibility Act — e impone dal 28 giugno 2025 che i servizi di commercio elettronico rivolti ai consumatori siano accessibili. La direttiva si applica in ogni Paese UE tramite una legge di recepimento nazionale che fissa autorità e sanzioni — ma lo standard tecnico è ovunque lo stesso: la norma armonizzata EN 301 549, che per il web rimanda alle Web Content Accessibility Guidelines (WCAG) 2.1, livello AA. È questa griglia — non un giudizio soggettivo — quella su cui misura un'autorità di controllo (in Italia, AgID). La checklist ne segue i criteri più rilevanti per un negozio online.
La checklist, passo dopo passo
1. Navigazione e struttura generale
- L'intero sito è utilizzabile con la sola tastiera (Tab / Maiusc+Tab / Invio), senza mouse, inclusi i menu a tendina e il mini-carrello. WCAG 2.1.1Molti utenti non usano il mouse; un menu che si apre solo al passaggio del puntatore li esclude.
- L'elemento con il focus è sempre visibile (contorno chiaro), mai nascosto dietro una barra fissa. WCAG 2.4.7
- Un link di salto («Vai al contenuto») consente di saltare il menu a inizio pagina. WCAG 2.4.1
- La pagina ha una gerarchia dei titoli logica (un solo H1, H2/H3 coerenti) e una lingua dichiarata (
lang). WCAG 1.3.1 · 3.1.1 - Con zoom al 200 % e su smartphone nessun contenuto viene tagliato; nessuno scroll orizzontale forzato. WCAG 1.4.4 · 1.4.10
2. Colore e leggibilità
- Il testo corrente ha un rapporto di contrasto di almeno 4,5:1 con lo sfondo (3:1 per i titoli grandi). Attenzione a grigi chiari, prezzi barrati ed etichette «saldo». WCAG 1.4.3
- Pulsanti, campi e icone hanno un contrasto di almeno 3:1 sui loro contorni/stati. WCAG 1.4.11
- L'informazione non è mai trasmessa dal solo colore (es. «disponibile» in verde / «esaurito» in rosso senza testo o icona). WCAG 1.4.1
- I link dentro un paragrafo sono riconoscibili con più del solo colore (sottolineatura, grassetto…). WCAG 1.4.1
3. Catalogo e scheda prodotto
- Ogni immagine di prodotto ha un testo alternativo utile («Sneaker in pelle bianca, vista laterale»), le immagini puramente decorative un
altvuoto. WCAG 1.1.1 - Le etichette di link e pulsanti sono univoche fuori dal loro contesto: «Aggiungi al carrello — abito in lino blu» invece di dieci pulsanti «Acquista» identici. WCAG 2.4.4 · 2.4.6
- Il selettore di varianti (taglia, colore) è un vero elemento di modulo etichettato, utilizzabile con la tastiera. WCAG 1.3.1 · 4.1.2
- Tooltip / tabelle taglie che compaiono al passaggio del puntatore restano raggiungibili da tastiera e non scompaiono troppo in fretta. WCAG 1.4.13
- I video hanno i sottotitoli; i contenuti audio importanti una trascrizione. WCAG 1.2.2 · 1.2.3
4. Carrello, account e checkout
- Ogni campo del modulo (spedizione, pagamento) ha un'etichetta visibile e associata — non solo un testo segnaposto che sparisce quando si digita. WCAG 3.3.2 · 1.3.1
- Gli errori di inserimento sono segnalati in forma testuale, nominano il campo interessato e propongono una correzione («Il CAP deve avere 5 cifre»). WCAG 3.3.1 · 3.3.3
- Prima della conferma finale l'utente può rivedere e correggere i propri dati (riepilogo, passo di conferma). WCAG 3.3.4
- L'input atteso è riconosciuto dal browser (autocompletamento di nome, e-mail, indirizzo tramite l'attributo
autocomplete). WCAG 1.3.5 - I messaggi dinamici («Aggiunto al carrello», «Codice sconto non valido») sono annunciati agli screen reader (live region). WCAG 4.1.3
- Nessun passaggio ha un breve limite di tempo senza possibilità di proroga (carrello, sessione di pagamento). WCAG 2.2.1
5. Componenti interattivi e contenuti
- Caroselli, modali e tab sono utilizzabili con la tastiera, dichiarano il proprio ruolo/stato e trattengono correttamente il focus nelle finestre modali. WCAG 4.1.2 · 2.1.2
- Le animazioni e i movimenti ad avvio automatico si possono mettere in pausa; nulla lampeggia più di 3 volte al secondo. WCAG 2.2.2 · 2.3.1
- I comandi con la sola icona (lente, cuore, carrello) hanno un nome accessibile (
aria-labelo testo nascosto). WCAG 4.1.2
6. Obbligo documentale — spesso dimenticato
- Le «informazioni sull'accessibilità» (art. 12 / Allegato IV, D.Lgs. 82/2022) sono pubblicate, con lo stato di conformità esatto (conforme / parzialmente conforme / non conforme), le non conformità note e i mezzi di ricorso. Art. 12 · Allegato IVLa violazione più facile da constatare — la sua assenza rientra nel regime sanzionatorio dell'art. 24.
- Il documento è facile da trovare (link nel footer) e datato; è indicato un canale di contatto / feedback sull'accessibilità. Allegato IV
Stessa norma, sanzioni diverse: cosa è in gioco nell'UE
L'asticella tecnica è identica in tutta l'UE (EN 301 549 / WCAG 2.1 AA). Ciò che cambia da Paese a Paese è la forma della legge di recepimento, l'autorità competente e l'entità delle sanzioni. Alcuni riferimenti, ciascuno tratto dalla legge nazionale di recepimento:
| Paese | Recepimento | Sanzione massima |
|---|---|---|
| Italia | D.Lgs. 82/2022 (art. 24) | 5.000–40.000 € |
| Germania | BFSG (Barrierefreiheitsstärkungsgesetz), § 37 | fino a 100.000 € |
| Francia | Ordonnance 2023-859 | fino a 50.000 € |
| Spagna | Ley 11/2023 | fino a 1.000.000 € |
La conclusione: i punti da verificare qui sotto sono gli stessi ovunque tu venda — un sito corretto una volta è conforme su ogni mercato UE nello stesso momento. Solo il documento sull'accessibilità (in Italia le «informazioni sull'accessibilità» dell'art. 12 / Allegato IV, in Germania le «Informationen zur Barrierefreiheit», ecc.) è specifico di ciascun Paese.
Come usare questa checklist
Procedi nell'ordine del percorso d'acquisto: apri il tuo sito, metti via il mouse e prova ad arrivare con la sola tastiera dalla home page al pagamento. Così avrai già coperto buona parte dei punti 1, 4 e 5. Verifica poi i contrasti (gruppo 2) con uno strumento di misura, quindi immagini ed etichette (gruppo 3). Concludi con l'obbligo documentale (gruppo 6), il più rapido da sbrigare.
Molti di questi punti (contrasto, alternative delle immagini, etichette dei campi, struttura) sono rilevabili automaticamente. Una scansione ti restituisce in pochi secondi un elenco quantificato e localizzato — i selettori CSS esatti da correggere — così non parti da zero.
Fai la scansione automatica del tuo sito
DeclareAccess analizza una pagina del tuo sito secondo le WCAG 2.1 AA, ti invia un report quantificato delle non conformità (con gli elementi interessati) e poi genera il documento di accessibilità pronto da pubblicare nel modello applicabile — italiano («Informazioni sull'accessibilità», Allegato IV), inglese, francese (RGAA), tedesco (BFSG) o spagnolo. Audit gratuito, senza carta di credito.
Report WCAG via email entro 1 giorno lavorativo.
Ricevuto. La tua richiesta di audit è salvata — riceverai il report WCAG via email entro 1 giorno lavorativo.
Domande frequenti
Quanti criteri devo davvero soddisfare?
Il riferimento giuridico è la norma EN 301 549, che rimanda alle WCAG 2.1 livello AA — in totale 50 criteri di successo (livelli A e AA). Questa checklist copre i più determinanti per un negozio online. Il livello AA completo richiede, oltre alla scansione automatica, una verifica manuale (uso della tastiera, screen reader, l'intero percorso d'acquisto).
Uno strumento automatico basta come prova di conformità?
No. I test automatici rilevano il 30–50 % dei problemi (contrasto, alternative mancanti, etichette, struttura). I criteri legati al significato, all'ordine logico o all'uso reale di tastiera e screen reader richiedono una verifica umana. Una scansione è un ottimo punto di partenza onesto, non una prova di conformità completa.
Da dove comincio con un budget limitato?
Comincia dalle correzioni ad alto impatto e basso costo: contrasto dei colori, etichette dei moduli, testi alternativi, uso della tastiera nel checkout. Pubblica poi le «informazioni sull'accessibilità» (art. 12 / Allegato IV) — sono obbligatorie, rapide da produrre e la violazione più facile da constatare.
Devo essere conforme al 100 % per essere in regola?
La legge chiede la conformità, ma riconosce stati «parzialmente conformi»: l'essenziale è documentare onestamente lo stato reale nelle informazioni sull'accessibilità, elencare le non conformità note e avere un piano d'azione. Una dichiarazione sincera di «parziale conformità» è difendibile; una dichiarazione assente o un falso «pienamente conforme» non lo sono.
Questa checklist vale anche per gli altri Paesi UE?
Per la parte tecnica sì: ogni Paese UE si basa sulla stessa norma EN 301 549 / WCAG 2.1 AA. Ciò che cambia da Paese a Paese è il documento obbligatorio e il regime sanzionatorio. In Italia il documento sono le «informazioni sull'accessibilità» (art. 12 / Allegato IV) e la sanzione va da 5.000 a 40.000 € (art. 24 del D.Lgs. 82/2022), con vigilanza AgID.