Rendi il tuo negozio WooCommerce davvero accessibile. EAA e WCAG, senza overlay

La verità: WooCommerce non è accessibile per impostazione predefinita

Un tema WooCommerce curato come Storefront parte meglio di molti negozi, ma raramente raggiunge da solo le WCAG 2.2 AA. Non appena personalizzi il tuo checkout, installi estensioni o scegli un tema con pulsanti grigio chiaro, compaiono barriere che i tuoi clienti, e l'European Accessibility Act, non accettano.

Cosa va spesso storto su WooCommerce

• Messaggi di errore del checkout senza aria-liveQuando il checkout fallisce, WooCommerce mostra un avviso come 'inserisci un indirizzo valido'. Senza aria-live="assertive" un utente non vedente non sente mai quell'avviso e resta a indovinare perché l'ordine non va a buon fine.
• Campi del modulo senza label collegataIn molti temi e personalizzazioni del checkout, i campi arrivano senza una label correttamente collegata o solo con un placeholder. Chi usa uno screen reader sente allora un campo di input vuoto senza sapere cosa inserirvi.
• Contrasto troppo basso nei pulsanti del temaMolti temi WooCommerce usano testo grigio chiaro su un pulsante colorato, o un colore del pulsante vicino allo sfondo. Spesso non raggiunge il minimo di contrasto delle WCAG, così i clienti ipovedenti non riescono a leggere 'Aggiungi al carrello'.
• Aggiunta al carrello via AJAX senza messaggio di statoQuando un cliente clicca su 'Aggiungi al carrello', l'operazione passa per AJAX senza ricaricare la pagina. Senza una live region uno screen reader non segnala mai che il prodotto è stato aggiunto, così l'utente non riesce a capire se l'azione ha funzionato.

Ecco com'è una vera soluzione

Prendi una label di un modulo nel tuo checkout WooCommerce. Tramite un filtro ti agganci al campo e gli dai un nome corretto e collegato, nessuna ricostruzione del checkout:

<input type="text" name="billing_company" id="billing_company"
  placeholder="Bedrijfsnaam">

add_filter( 'woocommerce_checkout_fields', function( $fields ) {
  $fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
  return $fields;
} );

Cosa ottieni

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 WooCommerce è un rischio per la tua attività. I fatti, in breve:

WooCommerce dice di soddisfare le WCAG 2.2 AA. Perché allora il mio negozio fallisce?

Quella dichiarazione copre il front end del plugin principale su un tema predefinito. Il tuo tema, i tuoi colori, i tuoi contenuti prodotto, le tue personalizzazioni del checkout e ogni plugin vengono renderizzati nella stessa pagina, ed è lì che stanno i rilievi. Lo dice WooCommerce stessa: temi e plugin possono compromettere l'accessibilità del checkout.

Vendo anche in Germania o in Francia. Cosa vale lì per il mio negozio WooCommerce?

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 la pagina pubblicata, non il fatto che usi WooCommerce.

Devo passare dal checkout con shortcode al checkout a blocchi?

Non necessariamente. WooCommerce non pubblica un confronto e il report testa entrambi. Però il checkout a blocchi è, dalla 9.0, dove atterra la maggior parte dei miglioramenti (landmark main, messaggi di stato, struttura dei titoli). Se resti sullo shortcode, controlla tu stesso i messaggi di errore, le etichette e il messaggio di stato su 'aggiorna carrello'; quei punti sono stati corretti solo nel 2025.

Un widget di accessibilità per WooCommerce 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 WooCommerce 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 WooCommerce?

Sì. Testiamo l'HTML finale generato, tema più app, così come fa un'autorità di controllo.

Questo rallenta il mio sito WooCommerce?

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.