Accessibility Toolbar & WCAG Helper (EAA / WCAG 2.1 AA). Accessibility Toolbar & WCAG Helper aggiunge al front office un widget di accessibilità self-hosted, applica miglioramenti WCAG 2.1 AA opzionali e non distruttivi, genera una pagina di Dichiarazione di accessibilità e include un audit WCAG di base nel back office. Ti aiuta ad affrontare lo European Accessibility Act (EAA). Nessun servizio di terze parti, nessun codice, nessuna modifica al tema.
Accessibility Toolbar & WCAG Helper aggiunge al front office un widget di accessibilità self-hosted, applica miglioramenti WCAG 2.1 AA opzionali e non distruttivi, genera una pagina di Dichiarazione di accessibilità e include un audit WCAG di base nel back office. Ti aiuta ad affrontare lo European Accessibility Act (EAA). Nessun servizio di terze parti, nessun codice, nessuna modifica al tema.
1. Installazione
- Nel back office vai su Moduli → Gestione moduli → Carica un modulo e seleziona lo ZIP del modulo.
- A installazione completata, clicca Configura per aprire la schermata delle impostazioni.
.local, .test, localhost) sono sempre ammessi. Quando esce una nuova versione viene segnalata dentro al modulo.2. Configurazione: passo per passo
La schermata Configura ha tre schede, Impostazioni, Dichiarazione di accessibilità e Audit WCAG. La scheda Impostazioni è divisa nelle sezioni qui sotto; ognuna può essere attivata in modo indipendente.
Widget
Il pulsante di accessibilità mostrato su ogni pagina del front office. Attivalo e scegli come appare.
- Abilita widget di accessibilità: l'interruttore on/off della barra del front office.
- Posizione del pulsante: In basso a destra, In basso a sinistra, In alto a destra, In alto a sinistra, Al centro a destra o Al centro a sinistra.
- Colore del pulsante: il colore del pulsante flottante.
- Icona del pulsante: Sedia a rotelle, Persona, Occhio o Contrasto.
Tools
Scegli quali strumenti di accessibilità compaiono nel widget. Ognuno è un interruttore on/off indipendente.
- Dimensione testo: consente ai visitatori di ingrandire il testo.
- Spaziatura testo: aumenta la spaziatura tra lettere, parole e righe.
- Ingrandimento: una lente per il contenuto sotto il cursore.
- Font leggibile (dislessia): passa a un carattere adatto alla dislessia.
- Alto contrasto: aumenta il contrasto per chi ha ipovisione.
- Inverti colori: inverte i colori della pagina.
- Scala di grigi: rimuove il colore dalla pagina.
- Evidenzia link: fa risaltare i link.
- Evidenzia titoli: fa risaltare i titoli.
- Cursore grande: mostra un cursore del mouse più grande.
- Ferma animazioni: mette in pausa movimenti e animazioni.
- Guida di lettura: un righello orizzontale che segue il cursore.
Automatic WCAG improvements non distruttivo
Correzioni opzionali dietro le quinte che migliorano l'accessibilità senza alterare tema o contenuti. Controlla anche la Dichiarazione di accessibilità generata.
- Link salta al contenuto: aggiunge un link da tastiera "salta al contenuto" in cima alla pagina.
- Visibilità focus robusta: rende ben visibile il contorno del focus da tastiera.
- Lingua pagina / suggerimenti ARIA: aggiunge la lingua della pagina e suggerimenti ARIA di base.
- Landmark di base: aggiunge ruoli landmark di base per aiutare gli screen reader.
- Mostra link alla dichiarazione nel widget: mostra nel widget un link alla pagina di Dichiarazione di accessibilità.
- Email di contatto per feedback: l'indirizzo mostrato per i feedback di accessibilità. Lascia vuoto per usare l'email del negozio.
Usa la scheda Dichiarazione di accessibilità per modificare la dichiarazione multilingua (modello che richiama EAA, EN 301 549 e WCAG 2.1 AA; lascia vuota una lingua per il testo predefinito localizzato) e la scheda Audit WCAG per eseguire l'audit di base nel back office.
3. Verifica che funzioni
- Apri il front office e clicca il pulsante di accessibilità, la barra dovrebbe aprirsi.
- Attiva uno strumento come Dimensione testo o Alto contrasto e verifica che la pagina cambi.
- Apri la pagina Dichiarazione di accessibilità generata (collegata dal widget se abilitata).
- Nel back office apri la scheda Audit WCAG ed esegui l'audit per vedere il report.
4. Domande frequenti
Il widget è self-hosted?
Sì. Tutti gli script e gli stili sono serviti dal tuo stesso negozio, nessun servizio di terze parti e nessuna chiamata esterna per la barra.
Garantisce la conformità legale?
Nessuno strumento può farlo. Ti aiuta ad affrontare EAA e WCAG 2.1 AA, ma la piena conformità richiede una revisione manuale. L'audit nel back office è uno strumento di aiuto, non un validatore completo.
Rovinerà il mio tema?
No. I miglioramenti WCAG automatici sono non distruttivi, aggiungono aiuti per l'accessibilità senza cambiare contenuti o layout.
Devo modificare il tema?
No. Il modulo funziona tramite hook standard ed è compatibile con qualsiasi tema.