Accessibilità Shopify
Rendi il tuo negozio Shopify davvero accessibile. EAA e WCAG, senza overlay
Shopify è potente, ma non è accessibile per impostazione predefinita: temi, app e il tuo checkout introducono barriere silenziose. Noi le troviamo e forniamo la soluzione nel tuo codice Liquid, nessun widget che rallenta il tuo sito.
Ecco come Seviranta interviene alla radice sul tuo sito Shopify
Dove si nascondono le barriere
Temi, estensioni e moduli introducono barriere silenziose. Noi le troviamo tutte.
La correzione alla fonte, non sopra
Interventi concreti nel tuo tema Liquid, senza uno strato overlay che si limita a nascondere gli errori.
Nessun widget, nessun rallentamento
Eseguiamo il crawl dall'esterno da server nell'UE, con 0% di impatto sulla velocità di caricamento e sui Core Web Vitals.
Pronto per l'EAA
Verifichiamo il tuo sito rispetto a WCAG, allo stesso livello a cui verificano le autorità di vigilanza.
Scansione headless su axe-core, lo stesso motore che sta dentro Google Lighthouse, dai nostri server nell'UE. 0% di impatto sulla tua velocità di caricamento.
La verità: Shopify non è accessibile per impostazione predefinita
Un tema Shopify Online Store 2.0 predefinito come Dawn o Sense ottiene punteggi migliori di molti negozi online, ma raramente raggiunge da solo le WCAG 2.2 AA. Non appena installi delle app, personalizzi il tema o aggiungi prodotti senza testo alternativo, compaiono barriere che i tuoi clienti, e l'European Accessibility Act, non accettano.
Cosa c'è davvero in gioco
- Un checkout non accessibile è una violazione diretta dell'EAA.
- Un widget di accessibilità non vale come soluzione strutturale.
- Le autorità di controllo testano l'HTML generato, incluse le tue app.
- 'Usiamo Shopify' non è una difesa legale: la responsabilità è del negozio online che è online, non della piattaforma.
Quanto può costare aspettare
fino a € 1.000.000
Massimo UE · Spagna/Lussemburgo
$ 4.000
USA · California (Unruh), per visita
Non vieni multato dall'oggi al domani, prima arriva un ordine di adeguamento con scadenza. Ma chi in quel momento può mostrare un dossier datato se la cava con la spesa minore.
Guarda cosa vale per il tuo mercato →Il rischio nascosto delle estensioni Shopify di terze parti
Widget di recensioni, filtri, bundler e app di ricerca iniettano HTML dinamico nel tuo frontend, e ogni aggiornamento di un'app può aggiungere una nuova barriera. In un audit quel codice conta a pieno titolo, anche se non l'hai scritto tu. Per questo Seviranta monitora in continuo il risultato finale così come lo vede un'autorità di vigilanza: il tuo tema Shopify più tutte le app e i contenuti dinamici.
Cosa va spesso storto su Shopify
- Il cart drawer AJAX intrappola il focus della tastieraQuando un cliente aggiunge un articolo, il drawer del carrello scivola in vista. In molti temi Shopify il focus resta intrappolato al suo interno (focus trap), così chi usa la tastiera e lo screen reader non riesce più a raggiungere il pulsante di checkout.
- Ricerca predittiva senza stato ariaI suggerimenti di ricerca AJAX spesso non hanno aria-expanded e una live region, così uno screen reader non segnala mai che sono comparsi dei risultati.
- Swatch di colore e filtri senza statoGli swatch delle varianti e i filtri delle collezioni spesso non hanno aria-checked o aria-expanded, l'utente (e la macchina) non riesce a capire quale filtro o quale colore è attivo.
- Immagini Liquid senza testo alternativoI tag img Liquid generati automaticamente spesso trasmettono il testo alternativo dell'admin Shopify vuoto o criptico, illeggibile per gli screen reader e per Google.
Ecco com'è una vera soluzione
Prendi il pulsante con l'icona del carrello nel tuo tema Liquid. Senza un nome accessibile, chi usa uno screen reader sente solo 'pulsante'. La soluzione è un solo attributo, nessuna ricostruzione:
<button class="cart-toggle">
{% render 'icon-cart' %}
</button><button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
{% render 'icon-cart' %}
</button>Dove lo sistemi dentro Shopify
I componenti propri di Shopify (admin, checkout, il tema Dawn) hanno report di conformità e Shopify usa le WCAG 2.2 come riferimento. Ma il negozio che vede il tuo cliente è tema più app più contenuti. È qui che le cose vanno storte ed è qui che le sistemi.
- 1Conosci i limiti di Dawn e del checkoutIl report di Shopify su Dawn (WCAG 2.1, versione 2.4.0) valuta 'partially supports', tra l'altro, testi alternativi, landmark, gestione del focus nei componenti dinamici e contrasto. Il report sul checkout di marzo 2026 segnala un contrasto variabile, anelli di focus che possono essere 'incoerenti, difficili da vedere o assenti' e un riepilogo dell'ordine collocato dopo il footer nel DOM. Un tema standard è un punto di partenza, non una garanzia.
- 2Testo alternativo per ogni elemento multimedialeProducts → prodotto → elemento multimediale → 'Add alt text'. Massimo 512 caratteri, Shopify ne consiglia 125. Descrivi ciò che incide sulla decisione d'acquisto; le immagini decorative hanno un alt vuoto. In Dawn l'alt a volte duplica il titolo della scheda prodotto, cosa che Shopify riporta come rilievo nel proprio report.
- 3Colori e contrasto nell'editor del temaOnline Store → Themes → Edit theme → Theme settings → Colors imposta gli schemi colore per tutto il tema. Non c'è nessun controllo del contrasto integrato, quindi verificalo tu: 4,5:1 per il testo, 3:1 per i titoli da 24 px in su e per bordi dei pulsanti e icone (lo standard di Shopify stessa). Il CSS personalizzato è limitato a 1.500 caratteri per tutto il tema e non funziona sul checkout.
- 4Codice del tema e appLe correzioni strutturali (etichette mancanti, aria-expanded sui menu, focus nel cart drawer) vivono in sections e snippets sotto Online Store → Edit code. Spariscono con un aggiornamento del tema, quindi documentale. Le app si iniettano tramite app embeds prima di </head> e </body>, oppure direttamente nel codice del tuo tema; disattiva gli embed inutilizzati sotto Theme settings → App embeds.
- 5Il checkout: cosa controlli davverocheckout.liquid è deprecato e le estensioni del checkout girano in una sandbox senza accesso all'HTML del checkout. Cosa controlli davvero: logo, colori e font tramite il branding del checkout (da Basic in su), opzioni di stile più ampie solo su Plus. Scegli lì colori che rispettino il rapporto di contrasto; il resto del checkout è responsabilità di Shopify e sta nel suo report.
Shopify stessa scrive (luglio 2026) che i widget di accessibilità non devono sostituire la correzione e non devono far parte di una strategia di conformità. È esattamente la nostra linea: correggere l'errore nel tema, non coprirlo.
Cosa ottieni
Per ogni errore: cosa, perché e come
Per ogni rilevamento vedi cosa c'è di sbagliato, chi colpisce, quale regola WCAG riguarda e una soluzione concreta e pensata per Shopify, con un esempio di codice dove possibile.
Rilevamento specifico per piattaforma
Intercetti gli errori che nascono proprio su Shopify, non solo quelli che rileva un controllo WCAG generico.
Un dossier che regge
Una panoramica datata delle tue scansioni e dei tuoi rilevamenti che puoi mostrare durante un audit o un'ispezione.
Con uno strumento di reportistica paghi la licenza e i tuoi sviluppatori per risolvere gli errori. Con Seviranta la soluzione è inclusa, nessun doppio conto.
Proteggi la tua conversione e la tua posizione legale
Un'app che incolla un'icona di accessibilità sopra il tuo sito Shopify è un rischio per la tua attività. I fatti, in breve:
Widget di accessibilità per Shopify
- Caricano script esterni aggiuntivi che danneggiano la tua velocità di caricamento (LCP) e quindi la tua conversione.
- Mascherano l'errore invece di risolverlo, il codice di fondo resta sbagliato.
- Non ti proteggono dai reclami. La FTC ha multato il fornitore di overlay accessiBe per $1 milione nel 2025 per dichiarazioni di conformità ingannevoli.
L'approccio Seviranta
- 0% di impatto sulla tua velocità di caricamento, scansioniamo dall'esterno dai nostri server UE.
- Sistemiamo il vero codice sorgente dei tuoi template Shopify.
- Costruiamo automaticamente il tuo dossier EAA conservabile, pronto da mostrare a un'autorità di vigilanza.
Domande e risposte
- Il mio tema viene dal Theme Store. Non è già approvato?
- Il Theme Store richiede un punteggio medio di accessibilità Lighthouse di 90 e un elenco di requisiti di base: tastiera, focus visibile, testi alternativi, contrasto, etichette. È una buona base, ma Lighthouse verifica solo una parte delle WCAG, e i tuoi colori, contenuti, app e personalizzazioni si aggiungono sopra. Un'autorità di controllo verifica il negozio pubblicato.
- Vendo anche in Germania o in Francia. Cosa vale lì per il mio negozio Shopify?
- Germania: il BFSG si applica ai negozi online B2C dal 28 giugno 2025, con un'esenzione per le microimprese (meno di dieci persone e al massimo 2 milioni di euro di fatturato o di totale di bilancio); la vigilanza spetta alla Marktüberwachungsstelle der Länder (MLBF). Francia: dal 28 giugno 2025 l'e-commerce rientra nel recepimento dell'EAA nel Code de la consommation, con la stessa esenzione per le microimprese, sotto la vigilanza della DGCCRF; il metro di misura è il RGAA (WCAG 2.1 AA). In entrambi i paesi conta il negozio pubblicato, non il fatto che usi Shopify.
- Seviranta può scansionare e correggere il checkout di Shopify?
- Scansionare, sì: verifichiamo le pagine pubblicate, carrello e checkout compresi. Correggere: ciò che sta nel tuo tema e nelle tue app lo consegniamo come fix nel tuo codice. Ciò che sta dentro il checkout di Shopify puoi influenzarlo solo tramite le impostazioni di branding. Il nostro report fa questa distinzione, così il tuo dossier è accurato.
- Un widget di accessibilità per Shopify basta per l'EAA?
- No. Un widget mette uno strato sopra il tuo sito, ma non ripara il codice di fondo e non vale come conformità strutturale.
- Il mio checkout Shopify rientra nell'EAA?
- Sì. Il checkout e la navigazione fanno esplicitamente parte dell'obbligo previsto dalle WCAG 2.1 AA.
- Seviranta scansiona anche le mie app Shopify?
- Sì. Testiamo l'HTML finale generato, tema più app, così come fa un'autorità di controllo.
- Questo rallenta il mio sito Shopify?
- No. Scansioniamo dall'esterno dai nostri server UE; nessuno script finisce sul tuo sito. 0% di impatto sulla tua velocità di caricamento e sui Core Web Vitals.
Lo facciamo anche noi
Applichiamo a noi stessi esattamente lo stesso metro: il nostro sito segna 0 errori in axe-core, lo stesso motore che sta dentro Google Lighthouse e con cui analizziamo anche il tuo shop Shopify. Ciò che una macchina accerta con certezza lo risolviamo in automatico, il resto lo valuta una persona. Ecco con quanta precisione lo ricevi da noi: guarda un vero report di esempio.
Cosa richiede l'EAA al tuo negozio Shopify
Dal giugno 2025 il tuo negozio online deve soddisfare le WCAG 2.1 AA, un negozio Shopify non fa eccezione. In Italia questo recepisce l'EAA insieme alla Legge Stanca (D.lgs 82/2022). La scansione gratuita ti mostra in 60 secondi a che punto sei, con la riga esatta che non è conforme.
Vendi in più di un paese?
WCAG è lo standard mondiale. Quasi ogni mercato ci si basa:
Adegua il tuo negozio Shopify al WCAG una sola volta e copri l'asticella tecnica in tutti questi mercati. Ciò che cambia da un mercato all'altro è l'autorità che vigila e le sanzioni.
Scopri cosa vale per ogni mercato di destinazione →Gestisci più siti Shopify per i clienti?
Evita che i negozi online che consegni diventino un rischio legale sotto l'EAA per i tuoi committenti. Usa Seviranta come il tuo timbro di qualità automatizzato a ogni consegna e deploy, una scansione, e ogni sito è dimostrabilmente in regola.
Scopri il nostro programma partner →Altre piattaforme
Continua a leggere
Scansiona gratis il tuo negozio Shopify
Incolla l'URL del tuo Shopify nella scansione gratuita e scopri in meno di un minuto quali righe non sono conformi, con il punto esatto nel tuo tema.