Aumenta le tue vendite con Candy Rack

Candy Rack è ufficialmente riconosciuta come un'app Built for Shopify.
L’unica app per upsell di cui hai bisogno per massimizzare le prestazioni del tuo negozio Shopify. Ora con uno slide cart integrato e Gemini AI.
Provala gratuitamente

Tomas Janu

•

Aug 14, 2026

(updated

Oct 1, 2026

)

Cosa sfugge al tuo scanner di accessibilità nelle app Shopify

I merchant che utilizzano scanner di accessibilità hanno iniziato a segnalare problemi nel nostro markup, non nel loro tema. A luglio abbiamo quindi sottoposto le tre interfacce di Candy Rack ai criteri WCAG 2.1 e 2.2 (livello AA), risolvendo le criticità. Ecco cosa rilevano gli scanner, cosa sfugge loro, cosa abbiamo lasciato aperto e come verificare le app installate sul tuo store.

Cosa sfugge al tuo scanner di accessibilità nelle app Shopify
Cosa sfugge al tuo scanner di accessibilità nelle app Shopify

Tutto è iniziato dal nostro supporto. I merchant hanno iniziato a scansionare i propri store e alcuni report puntavano al markup di Candy Rack anziché al tema: immagini inserite senza testo alternativo, livelli di intestazione saltati, controlli non etichettati. Giusto. A luglio abbiamo esaminato a fondo le nostre tre interfacce e ciò che abbiamo trovato è stato più interessante dei risultati degli scanner.

Results from accessibility scanner for Shopify stores by Avada.
Risultati dello scanner di accessibilità per store Shopify di Avada.

Merchants aren't running those scans out of curiosity. The pressure behind them is real and measurable. Plaintiffs filed 3,117 website accessibility lawsuits in US federal court in 2025, up 27% from 2,452 in 2024, and web accessibility cases rose from 28% to 36% of all ADA Title III federal filings. Counting state courts too, UsableNet's year-end report puts the 2025 total at roughly 5,100 cases and finds that ecommerce accounted for about 70% of them. In the EU, the European Accessibility Act has applied since 28 June 2025 through each member state's transposing law, and on 4 June 2026 the Tribunal judiciaire de Caen ruled against Carrefour France under the French transposition.

Ecco il problema. Il consiglio standard per un merchant preoccupato è: scegli un tema con un buon punteggio e installa un widget con barra di accessibilità. Nessuno dei due raggiunge le app di terze parti. Il tema renderizza la pagina, ma le app iniettano il proprio markup, spesso tramite modali che si sovrappongono a tutto. Un audit del tema non vede dentro quella modale, una barra non può correggerla, uno scanner rileva solo i problemi superficiali e, fino a poco tempo fa, non avremmo saputo dire con certezza cosa ci fosse nella nostra.

Cosa significa concretamente che "un'app compromette l'accessibilità"

Non è un concetto astratto e non riguarda solo il testo alternativo. Nove pattern coprono ciò che abbiamo trovato nelle nostre interfacce e ciò che controllerei in qualsiasi altra app. La maggior parte corrisponde a uno specifico criterio WCAG, e dove non è così, è indicato.

What to look for Where it shows up WCAG criterion Who can fix it
Modal opens with no dialog role, no accessible name, no focus trap, no Escape key Upsell pop-ups, cart drawers, age gates, newsletter pop-ups 4.1.2, 2.4.3, and 2.1.2 if focus is trapped with no way out. Escape-to-close comes from the ARIA authoring practices rather than a numbered criterion App vendor only
Focus outline suppressed with nothing visible in its place Any control the app styles 2.4.7 App vendor only
Controls carry tabindex="-1" while visible on screen Discount fields, collapsible panels 2.1.1 App vendor only
Icon-only buttons announce as just "button" Close X, quantity steppers, remove-item buttons 4.1.2, 1.1.1 App vendor only
Clickable element is a plain div with no role or tab stop Product thumbnails, offer cards 2.1.1, 4.1.2 App vendor only
Image alt text is missing, or generic on every image Product thumbnails inside offers 1.1.1 App vendor only
Cart total, item count or reward progress updates silently Cart drawers, free-shipping bars 4.1.3 App vendor only
Heading levels skipped by an injected block Any app block with its own title Commonly reported under 1.3.1 App vendor only
Text contrast below 4.5:1, or below 3:1 for large text (18pt, or 14pt bold) Any color you picked in the app's settings 1.4.3 You, in the app's settings

Leggi l'ultima colonna. Otto righe su nove indicano problemi che un merchant non può risolvere, a prescindere dal widget installato. Ecco perché la scelta dell'app deve essere una decisione basata sull'accessibilità, non solo sulle funzionalità.

Cosa abbiamo trovato nella nostra app

Le tre interfacce che abbiamo sottoposto a WCAG 2.1 e 2.2 (livello AA) sono state il pop-up di upsell nella pagina prodotto, il pop-up del carrello prima del checkout e il cassetto del carrello a scorrimento. Non un punteggio da scanner, ma un'ispezione del markup renderizzato, controllo per controllo.

I risultati sono stati disomogenei, come sospettavo. La base del carrello a scorrimento era migliore del previsto: i controlli di chiusura e rimozione erano pulsanti reali, ogni immagine prodotto aveva un testo alternativo descrittivo e il pulsante di checkout aveva un nome accessibile. Le modali erano il punto critico e gli stessi problemi si ripetevano su tutte e tre le interfacce, il che è stato utile: la ripetizione significa una sola correzione condivisa invece di tre.

Example of the two issues we fixed in Candy Rack.
Esempio dei due problemi risolti in Candy Rack (il titolo del blocco salta un livello di intestazione (WCAG 1.3.1, Livello A); le miniature dei prodotti consigliati vengono renderizzate senza attributo alt (WCAG 1.1.1, Livello A)).

I due problemi più gravi non erano quelli segnalati dagli scanner. Uno era uno stile di focus soppresso, peggiore di quanto sembri perché interrompe la navigazione da tastiera per ogni controllo che lo eredita. L'altro era un set di controlli esclusi dall'ordine di tabulazione mentre erano visibili, trasformando una funzione funzionante in una utilizzabile solo col mouse. Chi naviga da tastiera non ottiene una versione degradata, ma nessuna versione. Abbiamo diviso la correzione in tre ticket, uno per interfaccia, chiusi a fine luglio.

Perché non dichiariamo la conformità

Una cosa non l'abbiamo chiusa, di proposito. Ogni colore dell'interfaccia in Candy Rack è modificabile da te e non convalidiamo il contrasto sui valori impostati. Nello store che abbiamo analizzato, ogni colore configurato era a norma, ma nulla impedisce a un merchant di configurare colori che violano il criterio 1.4.3 senza alcun avviso. Aggiungere un controllo del contrasto nelle impostazioni è nella nostra lista. Finché non sarà implementato, non diremo che l'app rende il tuo store conforme.

Ciò non rende inutile una barra di accessibilità. Offre ai visitatori controlli su come viene visualizzato lo store e fornisce monitoraggio, motivo per cui ne includiamo una nella nostra selezione delle migliori app di conformità Shopify insieme a quelle per cookie, GPSR, fatturazione e termini. Semplicemente non è una soluzione definitiva e non può agire all'interno della modale di un'altra app. La conformità è una proprietà dell'intero store in un dato giorno e nessun fornitore può certificarla. Un fornitore può dirti cosa ha analizzato, cosa ha cambiato e cosa resta da fare.

Come controllare le app sul tuo store

Puoi fare un controllo utile in circa dieci minuti, senza scanner. Gran parte di ciò che conta è invisibile agli strumenti automatici, bravi a trovare attributi alt mancanti o errori di contrasto, ma ciechi di fronte a trappole di focus, ordine di tabulazione e annunci. Ogni report di scanner che ha dato il via a tutto questo rientrava nella prima categoria. Nessuno ha segnalato i due problemi che bloccavano realmente gli utenti.

  1. Allontana il mouse dalla tastiera e lascialo lì.
  2. Naviga nella tua pagina prodotto usando il tasto Tab e osserva l'anello di focus. Se scompare in qualsiasi punto, fermati. Hai già trovato il blocco.
  3. Attiva ogni elemento dell'app: aggiungi al carrello, apri il cassetto del carrello, avvia il checkout, attendi l'eventuale pop-up a tempo.
  4. Per ognuno, verifica quattro aspetti. Puoi entrarci con Tab? Il focus resta all'interno invece di spostarsi sulla pagina sottostante? Il tasto Esc lo chiude? Il focus torna sull'elemento che hai cliccato per aprirlo?
  5. Usa ogni controllo solo con la tastiera, inclusi selettori di quantità, varianti, campi sconto e pulsanti di rimozione. Tutto ciò che è accessibile col mouse ma non con la tastiera è un fallimento 2.1.1.
  6. Attiva VoiceOver (Cmd+F5 su Mac) o NVDA e ascolta il pulsante di chiusura e le immagini prodotto. "Pulsante" e "Prodotto" sono entrambi fallimenti.
  7. Cambia una quantità e ascolta se viene annunciato il nuovo totale. Se l'aggiornamento non riceve il focus e non viene annunciato nulla, è un fallimento 4.1.3.

Tutto ciò che trovi nei passaggi da 3 a 7 è responsabilità dello sviluppatore dell'app. Il che ci porta all'ultima parte.

Navigatin Candy Rack demo store using voice control on Mac.
Navigazione nel negozio demo di Candy Rack tramite controllo vocale su Mac.

Quattro domande da porre a un fornitore

Falle prima di installare e considera la vaghezza come una risposta.

  1. Avete verificato l'interfaccia del vostro negozio rispetto alle WCAG 2.1 o 2.2 livello AA, e quando?
  2. I vostri modali implementano semantica di dialogo e gestione del focus, ovvero ruolo, nome accessibile, focus trap, tasto Esc e ritorno del focus?
  3. Ogni funzionalità della vostra app può essere completata usando solo la tastiera?
  4. E cosa c'è ancora in sospeso?

Quella quarta domanda è quella che ti dice di più. Un fornitore con una risposta seria ne avrà una, perché tutti hanno qualcosa in sospeso. La mia opinione è che "siamo pienamente conformi" di solito significhi che nessuno ha controllato, ed è bene ricordare cosa ha colpito l'ordine della FTC su accessiBe: non la parola conforme, ma un reclamo di conformità che l'azienda non è riuscita a dimostrare.

In pratica, la parte che querelanti e autorità perseguono è il commerciante che gestisce il negozio, non i fornitori dei suoi componenti. È una situazione scomoda, perché gran parte di ciò che arriva ai tuoi clienti è codice che non hai scritto e non puoi modificare. La parte che controlli è quali fornitori scegli e cosa richiedi loro. Se stai valutando delle app e vuoi applicare la stessa lente alla conversione anziché alla conformità, la nostra guida alla strategia di upsell e la nostra guida all'ottimizzazione del checkout coprono quell'aspetto. Se vendi nell'UE, il requisito del pulsante di recesso e le altre restrizioni europee di cui abbiamo scritto arrivano nello stesso periodo dell'EAA.

Le correzioni di quell'audit sono state rilasciate a fine luglio e sono attive in Candy Rack, inclusi lo slide cart e la barra dei premi. Se trovi qualcosa che ci è sfuggito, segnalacelo e lo sistemeremo invece di discutere sulla gravità.

Questo articolo descrive il nostro audit ed è a scopo informativo, non costituisce consulenza legale. Per i tuoi obblighi ai sensi dell'ADA, dell'EAA o della legge nazionale di recepimento, rivolgiti a un avvocato.

Tomas Janu

Tom ama scrivere di upselling, ottimizzazione delle conversioni e tendenze dell'e-commerce. È uno dei nostri co-fondatori e a volte puoi parlare con lui contattando il nostro team di supporto. Assicurati di seguirlo su LinkedIn per ulteriori consigli e notizie su Shopify.
Try for freeCandy Rack preview

Ultimi articoli

Tutti gli articoli

Potenzia la tua attività su Shopify con le nostre app

Tutte le nostre app sono progettate per aiutarti a far crescere la tua attività su Shopify. Dai un'occhiata e approfitta del periodo di prova gratuito.

Potenzia il mio Shopify