EAA e e-commerce: gli obblighi specifici per checkout, catalogo e pagamenti

L'European Accessibility Act impone obblighi di accessibilità digitale precisi per le aziende private italiane B2C: tra tutte le tipologie di siti web, un e-commerce è il più esposto. I motivi sono strutturali: un negozio online ha più template, più contenuti dinamici, più componenti interattivi e — soprattutto — un percorso critico che si conclude con una transazione economica. Gli EAA e-commerce obblighi riguardano ogni step di quel percorso, dalla homepage al pagamento.

Dal 28 giugno 2025, i nuovi servizi digitali e-commerce devono essere conformi agli standard WCAG 2.1 livello AA. Dal marzo 2026, con le Linee Guida AgID operative e la piattaforma segnalazioni.agid.gov.it attiva, un consumatore con disabilità che non riesce a completare un acquisto può segnalare il negozio online ad AgID in pochi clic. La finestra per agire preventivamente si è chiusa: chi gestisce un e-commerce deve sapere esattamente cosa deve essere accessibile e da dove iniziare.

Questa guida copre tutti gli step critici del funnel di acquisto — homepage, catalogo, schede prodotto, carrello, checkout, pagamenti — con le violazioni più frequenti per area e le priorità di intervento.

Chi è obbligato: e-commerce B2C, B2B/B2C e marketplace

La normativa EAA — recepita in Italia con il D.Lgs. 82/2022 in attuazione della Direttiva UE 2019/882 — si applica agli operatori economici privati che forniscono servizi ai consumatori finali (B2C). Per un e-commerce, questo significa:

• Negozi online che vendono prodotti fisici o digitali a privati consumatori
• Piattaforme che vendono servizi digitali (abbonamenti, licenze software, contenuti digitali)
• Marketplace che ospitano venditori terzi — l'obbligo riguarda la piattaforma stessa
• E-commerce ibridi B2B/B2C: se il sito è raggiungibile da consumatori privati, l'intero sito deve essere conforme

Le microimprese con meno di 10 dipendenti e fatturato non superiore a 2 milioni di euro sono esenti dagli obblighi per i propri servizi. Tuttavia, questa esenzione non si applica ai prodotti digitali distribuiti da microimprese, e non azzera il rischio reputazionale di un checkout inaccessibile.

Se il sito è raggiungibile da consumatori privati — anche se nasce come B2B — l'intero servizio deve essere conforme. Non è possibile limitare l'obbligo alla sola "parte consumer".

Gli step critici del funnel e-commerce: violazioni e priorità di fix

La tabella seguente mostra i 6 step principali del percorso di acquisto, le violazioni WCAG 2.1 AA più frequenti per ciascuno e la priorità di intervento. È il punto di partenza per qualsiasi audit accessibilità e-commerce:

Homepage e catalogo prodotti: le violazioni che passano inosservate

Homepage

La homepage di un e-commerce è spesso la pagina con più contenuto visivo: banner promozionali, immagini hero, caroselli e call to action grafiche. È anche la pagina con il maggior numero di violazioni WCAG rilevabili automaticamente.

Le tre violazioni più frequenti nella homepage e-commerce:

• Alt text sulle immagini banner — i banner promozionali contengono informazioni (sconto, prodotto, offerta) che devono essere nel testo alternativo, non solo nell'immagine
• Caroselli automatici senza pausa — il criterio WCAG 2.2.2 vieta i contenuti in movimento che non possono essere messi in pausa o fermati dall'utente
• Link e CTA non descrittivi — "Scopri di più", "Clicca qui", "Vedi tutto" sono link privi di contesto per uno screen reader: ogni link deve descrivere la destinazione

Catalogo prodotti

Il catalogo è l'area dove le violazioni di accessibilità hanno l'impatto più diretto sull'esperienza di ricerca del prodotto. Le problematiche principali riguardano i filtri e la navigazione.

• Filtri a schermo non accessibili da tastiera — i dropdown, i checkbox e i range slider usati per filtrare il catalogo devono essere raggiungibili e utilizzabili senza mouse
• Immagini prodotto con alt text assente o generico — "immagine prodotto" non è un alt text: deve descrivere il prodotto specifico (es. "Scarpa da ginnastica Nike Air Max 90, colore bianco e nero, vista laterale")
• Paginazione inaccessibile — i link di navigazione tra pagine devono avere testo descrittivo ("Pagina 2 di 15") e non solo numeri o frecce

Scheda prodotto: la pagina con più componenti interattivi

La scheda prodotto è la pagina con la maggiore densità di componenti interattivi accessibili da configurare: selezione varianti, galleria immagini, quantità, wishlist, aggiungi al carrello. Per un utente che naviga con screen reader o da tastiera, è spesso la pagina più difficile da usare.

• Varianti prodotto (taglia, colore, formato) — ogni opzione selezionabile deve avere un'etichetta leggibile dallo screen reader. Usare attributi ARIA come aria-label o associare visivamente la selezione allo stato aria-selected
• Galleria immagini — la navigazione tra le immagini deve essere possibile da tastiera. Ogni immagine nella galleria deve avere un alt text che descriva l'angolazione o il dettaglio mostrato
• Pulsante "Aggiungi al carrello" — se il prodotto è esaurito o non disponibile, lo stato deve essere comunicato anche in modo testuale, non solo con il grigio del pulsante
• Quantità — il campo di input della quantità deve avere un label associato correttamente e il suo incremento/decremento da tastiera deve funzionare
• Recensioni — le stelle di valutazione devono avere un equivalente testuale (es. "4 stelle su 5", non solo l'immagine di 4 stelle gialle)

Checkout e pagamento: le aree con il rischio normativo più alto

Il checkout è l'area dell'e-commerce con il rischio normativo più alto — e con l'impatto economico più diretto in caso di inaccessibilità. Un checkout non accessibile non è solo una violazione WCAG: è una barriera che impedisce a un consumatore con disabilità di completare un acquisto. Il criterio WCAG 2.1 AA 3.3.2 richiede che ogni campo del form abbia un'etichetta visibile e correttamente associata nell'HTML.

Un checkout non accessibile non è solo una violazione WCAG: è una barriera che impedisce a un consumatore con disabilità di completare un acquisto. È fatturato perso e rischio sanzionatorio insieme.

Form di checkout: le violazioni più critiche

• Campi senza label associate — il placeholder non è un sostituto della label: scompare durante la digitazione e non viene letto da tutti gli screen reader
• Messaggi di errore solo visivi — un errore comunicato solo con il colore rosso o con un'icona non è accessibile. Il messaggio deve contenere testo descrittivo (es. "Il campo CAP non è valido — inserisci 5 cifre")
• Campi obbligatori non segnalati — l'asterisco (*) da solo non basta; deve essere accompagnato da aria-required="true" nell'HTML
• Step multipli del checkout — in un checkout a più passaggi, l'utente deve sapere in quale step si trova (es. "Step 2 di 4: indirizzo di spedizione") con indicatori accessibili da screen reader
• Autocompletamento non configurato — i campi indirizzo, email e telefono devono avere l'attributo autocomplete corretto per supportare le tecnologie assistive

Form di pagamento

• Numero carta di credito, scadenza e CVV senza label — questi tre campi sono tra i più frequentemente privi di etichette accessibili
• CAPTCHA non accessibile — se presente, deve offrire un'alternativa audio o un metodo alternativo di verifica
• Errori di validazione della carta — devono essere comunicati in modo testuale e specifico, annunciati da screen reader tramite role="alert"
• Redirect verso gateway di pagamento esterno — se il pagamento avviene su un sito esterno (Stripe, PayPal, Nexi), la responsabilità di accessibilità rimane in capo all'operatore economico principale

Mobile commerce e accessibilità: un fattore critico in più

In Italia, la quota di acquisti online da dispositivo mobile supera il 55% del totale. L'accessibilità mobile non è un'ottimizzazione opzionale per un e-commerce: è un requisito normativo e un fattore diretto di conversione.

Le WCAG 2.1 hanno introdotto criteri specifici per l'accessibilità mobile che si applicano direttamente al percorso di acquisto:

• Orientamento del dispositivo (criterio 1.3.4) — il sito non deve bloccare la rotazione dello schermo. Molti anziani e utenti con disabilità motorie usano solo la modalità landscape
• Target touch (criterio 2.5.5) — pulsanti e link devono avere una dimensione minima di 44x44 CSS pixel. Un pulsante "Acquista" da 28px su mobile non supera né il test WCAG né quello Google Mobile Usability
• Gesture alternative (criterio 2.5.1) — le funzionalità attivate con gesture complesse (swipe del carosello, pinch dello zoom) devono avere un'alternativa con un singolo tocco
• Testo ridimensionabile (criterio 1.4.4) — il testo deve essere leggibile al 200% di zoom senza perdita di contenuto o funzionalità

Oltre il 55% degli acquisti online italiani avviene da mobile. Un pulsante "Acquista" troppo piccolo per essere premuto con precisione non supera né il test WCAG né quello Google: è un problema di conformità e di conversione insieme.

Sanzioni e dichiarazione di accessibilità: cosa rischia un e-commerce

Le sanzioni previste dal D.Lgs. 82/2022 per un e-commerce non conforme sono le stesse che si applicano a tutti i siti web privati B2C, ma il rischio è amplificato da due fattori: l'e-commerce è la tipologia di sito con più violazioni medie (fonte: WebAIM Million 2025, le pagine shopping risultano tra le categorie con più errori) e il danno agli utenti è direttamente quantificabile in termini di impossibilità di acquisto.

La dichiarazione di accessibilità è un obbligo documentale separato dalla conformità tecnica del sito. Le aziende soggette all'EAA devono pubblicarla sul proprio sito indicando: il livello di conformità WCAG raggiunto, le aree non ancora conformi, le motivazioni (onere sproporzionato se applicabile) e le modalità di contatto per le segnalazioni degli utenti. MyAccessible supporta la generazione di questa dichiarazione in formato conforme AgID.

Da dove iniziare: il percorso di adeguamento per un e-commerce

Il percorso di adeguamento EAA per un e-commerce segue le stesse 5 fasi di qualsiasi sito web, con priorità concentrate sul percorso di acquisto:

Per le correzioni tecniche al checkout e ai form di pagamento — la fase più critica e quella che richiede sviluppatore — il passo successivo è un intervento professionale.

FAQ — Domande frequenti su EAA e-commerce obblighi