Rendere accessibile il tuo negozio WooCommerce: una guida pratica

9 giugno 2026

Risposta breve. WooCommerce di per sé segue abbastanza bene le linee guida di accessibilità di WordPress, ma il tuo negozio eredita soprattutto l'accessibilità dal tuo tema, dai tuoi plugin e dai tuoi contenuti — ed è qui che di solito qualcosa va storto. Passa in rassegna i sei punti qui sotto (contrasto, testi alternativi, intestazioni, plugin & page builder, tastiera, lingua) e fai particolare attenzione al tuo checkout a blocchi e ai tuoi filtri prodotto; così avrai coperto la parte del leone.

Perché WooCommerce da solo non basta?

WooCommerce è un plugin sopra WordPress. Se il tuo negozio rispetta le WCAG dipende da come è costruito il tuo tema, da quali colori hai scelto, da quali plugin e page builder usi e da come hai compilato i tuoi prodotti. Due negozi sulla stessa versione di WooCommerce possono quindi ottenere risultati totalmente diversi. La buona notizia: poiché molto torna attraverso il tuo tema e i tuoi template, una sola correzione copre spesso centinaia di pagine.

1. Controlla il contrasto dei colori

L'errore più comune. Con un tema a blocchi (Full Site Editing) vai su Aspetto → Editor → Stili → Colori; con un tema classico su Aspetto → Personalizza → Colori. Assicurati che testo e sfondo abbiano almeno un contrasto di 4,5:1 (3:1 per il testo grande). Fai particolare attenzione al testo sul tuo pulsante Aggiungi al carrello, alle etichette di prezzo e di offerta, e ai link. Impostarlo bene una volta vale per tutto il negozio. Vedi contrasto dei colori: il requisito WCAG e come misurarlo.

2. Aggiungi testi alternativi alle foto dei prodotti

Apri un prodotto in Prodotti, clicca in Immagine prodotto (e Galleria prodotto) sull'immagine → compila nella libreria media il campo Testo alternativo. Descrivi in modo breve e fattuale ciò che si vede (es. "Scarpa da uomo in camoscio nero con lacci"), niente linguaggio di marketing. Inizia dai tuoi prodotti più venduti e dai banner della homepage. Le immagini decorative ricevono un alt vuoto (alt=""). Di più in scrivere testi alternativi che funzionano.

3. Controlla la struttura delle intestazioni

Usa le intestazioni in ordine logico (H1 → H2 → H3) e non solo per la formattazione. Nel block editor (Gutenberg) vedi per ogni blocco di intestazione il livello; non saltare nessun livello. Attenzione ai page builder come Elementor o Divi: ti lasciano formattare ogni testo in grande senza che diventi una vera intestazione — lì scegli consapevolmente il livello di intestazione giusto.

4. Fai attenzione ai tuoi plugin e al page builder

Questa è spesso la fonte di problemi più grande. I plugin per recensioni, chat, pop-up, slider e filtri — e i page builder pesanti — iniettano il proprio codice nel tuo tema, e quel codice contiene regolarmente pulsanti senza nome, ARIA errato o elementi che non si possono usare con la tastiera. Quindi non installare alla cieca ogni plugin, e testa sempre il tuo sito con tutto attivo. Se un plugin si rivela inaccessibile, passa a un'alternativa che rispetti davvero le norme WCAG. Scegli dove possibile i nuovi blocchi WooCommerce per carrello e checkout (vedi punto 6).

5. Prova con la tastiera

Prova a navigare il tuo sito completamente senza mouse: solo con il tasto Tab e Invio. Riesci a raggiungere tutto — menu, filtri prodotto, scelte delle varianti, carrello, checkout — e vedi sempre dove si trova il focus? In WooCommerce fai attenzione in particolare ai menu a tendina delle varianti, allo stepper della quantità (+/−) e ai widget di filtro nella tua barra laterale; sono i punti dove la tastiera spesso si blocca.

6. Controlla l'impostazione della lingua e il tuo checkout

Assicurati che il tuo tema imposti l'attributo di lingua corretto, così che uno screen reader scelga la pronuncia giusta. In un tema classico, in header.php c'è la riga <html <?php language_attributes(); ?>> — che deve contenere l'attributo di lingua. Se usi WPML o Polylang per più lingue, verifica che ogni versione linguistica riceva l'attributo lang corretto. Preferibilmente passa ai blocchi Cart e Checkout basati su blocchi di WooCommerce: sono più accessibili del vecchio checkout a shortcode e vengono mantenuti attivamente sul piano dell'accessibilità.

Errori WooCommerce comuni e la loro correzione

Elemento WooCommerce	Errore comune	La correzione
Pulsante "Aggiungi al carrello"	carattere troppo chiaro / contrasto basso	contrasto negli stili del tema ad almeno 4,5:1
Foto dei prodotti	nome del file come descrizione (`IMG_2043.jpg`)	testo alternativo funzionale nella libreria media
Stepper della quantità (`+`/`−`)	pulsanti senza etichetta, non usabili con la tastiera	aggiungere etichetta/`aria-label` o usare una variante accessibile
Widget di filtro prodotto	filtri usabili solo con il mouse	plugin di filtro accessibile o i blocchi di filtro WooCommerce
Plugin di accessibilità	installare un widget overlay	evitarlo — non ripara il tuo codice e non protegge dalle contestazioni

Aiuta un plugin di accessibilità dalla directory dei plugin WordPress?

No. Se cerchi "accessibility", trovi decine di plugin che promettono di rendere il tuo negozio conforme con un clic tramite un widget. Non caderci: non riparano il tuo tema e i tuoi template, e le autorità di controllo verificano il codice sorgente grezzo del tuo negozio. Risolverlo strutturalmente nel tuo tema e nei tuoi contenuti è l'unica strada che regge — e ti porta una SEO migliore e un tempo di caricamento più rapido. Di più in perché un widget overlay non ti protegge.

Il mio negozio WooCommerce rispetta così la legge?

Questi sei punti coprono gran parte di ciò che rileva un controllo automatizzato, ma "essere conforme" va oltre: dipende dal tuo intero tema, dai tuoi plugin e dai tuoi contenuti insieme. Se l' European Accessibility Act si applica a te, lo verifichi nella nostra checklist. Lavori anche con Shopify? Allora la nostra guida Shopify ti aiuta a proseguire.

Come faccio a sapere a che punto è ora il mio negozio WooCommerce?

Il modo più rapido: scansiona gratis una pagina. Per ogni riscontro vedi cosa non va e come risolverlo — e poiché molto passa per il tuo tema e i tuoi template, spesso lo risolvi in una volta sola per tutto il negozio. In meno di 60 secondi, senza account.