Accessibilità web obbligatoria nei negozi online: cosa richiede la legge dal 2025 e come rispettarla

Dal 28 giugno 2025, i servizi di commercio elettronico rivolti ai consumatori nell'Unione europea devono rispettare requisiti di accessibilità. È lo European Accessibility Act (Direttiva (UE) 2019/882), che in Spagna è stato recepito con la Ley 11/2023, de 8 de mayo.

Oltre all'obbligo, l'accessibilità è un argomento commerciale: un negozio che si può usare con la tastiera, con un lettore di schermo, con il testo ingrandito o con poca vista è anche un negozio più comodo per tutti, compresi i clienti anziani e chi compra dal telefono sotto il sole.

Sono obbligato?

• Sì, se vendi online ai consumatori e non sei una microimpresa.
• Esenti: le microimprese che forniscono servizi, cioè con meno di 10 dipendenti e un fatturato annuo o un totale di bilancio non superiore a 2 milioni di euro.
• Esiste inoltre un'eccezione per onere sproporzionato, ma deve essere valutata e documentata; non è una via d'uscita automatica.

Cosa bisogna rispettare

Il riferimento tecnico è la norma europea EN 301 549, che per i siti web rimanda alle linee guida WCAG 2.1 livello AA. Tradotto in un negozio online, le cose più importanti sono:

Che si possa vedere

• Contrasto sufficiente tra testo e sfondo (4,5:1 per il testo normale). Il grigio chiaro su bianco tanto di moda di solito non lo rispetta.
• Testo alternativo nelle immagini di prodotto che descriva ciò che conta («Scarpa da running blu navy, vista laterale»), e vuoto in quelle decorative.
• La pagina si può ingrandire al 200 % senza perdere contenuti né funzioni.
• Le informazioni non dipendono solo dal colore (per esempio, «le taglie in rosso sono esaurite»).

Che si possa usare

• Tutto l'acquisto si può fare solo con la tastiera: menu, filtri, selettore di taglia, carrello, checkout.
• Il focus è sempre visibile (il contorno che indica dove ti trovi).
• Caroselli e video si possono mettere in pausa.
• Non ci sono limiti di tempo che espellono il cliente senza avvisarlo.

Che si possa capire

• Ogni campo del modulo ha la sua etichetta (non solo un testo di esempio dentro il campo che scompare quando si scrive).
• Gli errori dicono cosa non va e come correggerlo («Il codice postale deve avere 5 cifre»), non solo «Errore».
• I captcha hanno un'alternativa che non dipenda dal vedere immagini.

Che funzioni con le tecnologie assistive

• Titoli in ordine (un H1 per pagina, poi H2…), pulsanti che sono pulsanti e link che sono link.
• I messaggi dinamici («Prodotto aggiunto al carrello») vengono annunciati al lettore di schermo.

Le informazioni sull'accessibilità

Oltre a rispettare i requisiti, devi spiegare come li rispetti: un'informativa sull'accessibilità del servizio, in un formato accessibile, di solito in una pagina dedicata collegata dal footer o dalle condizioni generali. Deve descrivere il servizio, come rispetta i requisiti e, se ci sono parti che non lo fanno ancora, quali e perché.

Basta installare un widget di accessibilità?

Siamo chiari: no. Un pulsante di accessibilità con profili (più contrasto, font per la dislessia, lente, modalità lettura) è molto utile per molti utenti, perché permette loro di adattare il negozio alle proprie esigenze senza configurare nulla sul proprio dispositivo. Ma da solo non sistema un pulsante senza etichetta, un modulo che non si può compilare con la tastiera o un'immagine senza testo alternativo. La cosa giusta è combinare le due cose: correggere la base del negozio e offrire in più gli strumenti di adattamento.

Come controllare il tuo negozio in un pomeriggio

1. Prova della tastiera: scollega il mouse e prova a comprare qualcosa usando solo Tab, Maiusc+Tab, Invio e le frecce. Annota dove ti blocchi.
2. Prova dello zoom: ingrandisci il browser al 200 % e ripeti.
3. Controllo automatico: passa Lighthouse (in Chrome) o l'estensione axe sulla home, una categoria, una scheda, il carrello e il checkout. Rilevano contrasti, etichette e testi alternativi mancanti.
4. Lettore di schermo: NVDA su Windows (gratuito) o VoiceOver su Mac e iPhone. Ascolta come suona la tua scheda prodotto.
5. Dai priorità al percorso d'acquisto: un problema nel checkout è più grave di uno nel blog.

Gli strumenti automatici trovano solo una parte dei problemi; i test con tastiera e lettore di schermo sono indispensabili. E se puoi, chiedi il parere di utenti reali con disabilità: è il test che insegna di più.

Errori frequenti nei negozi PrestaShop

• Icone senza testo (carrello, cerca, account) che il lettore di schermo annuncia come «pulsante».
• Selettori di taglia o colore fatti con immagini che non si possono scegliere con la tastiera.
• Finestre pop-up (cookie, newsletter) che intrappolano il focus o non si chiudono con Esc.
• Descrizioni di prodotto incollate da un altro sito con titoli disordinati o tabelle usate per l'impaginazione.
• Video di prodotto senza sottotitoli.

Questo articolo è informativo e non sostituisce un audit di accessibilità né la consulenza legale.