Wave Access

Il manuale del plugin di accessibilità: dall'installazione e dalla personalizzazione del widget fino ai report di verifica, alla dichiarazione e agli strumenti di IA. Trovi tutte le impostazioni in WordPress, in Impostazioni → Accessibilità.

Installazione

1. Seleziona lo ZIP del plugin nel backend di WordPress, in Plugin → Aggiungi nuovo → Carica plugin, e installalo — oppure carica la cartella wave-access in /wp-content/plugins/.
2. Attiva il plugin nell'elenco dei plugin. Lì trovi anche il link diretto Impostazioni.
3. Fatto — il widget di accessibilità compare subito in basso a destra sul tuo sito. Tutte le correzioni di base (skip link, indicatore del focus, landmark ARIA) sono attive fin dall'inizio.

Attivare la licenza Pro

Trovi la tua chiave di licenza nell'e-mail dell'ordine e nell'area clienti.

1. Apri Impostazioni → Accessibilità → Licenza.
2. Inserisci la chiave (formato WAVE-XXXX-XXXX-XXXX) e fai clic su Attiva.
3. Viene mostrato il piano (Pro, Pro AI o Agency) e vengono sbloccate tutte le funzioni incluse — una sola chiave per tutto, anche per le funzioni di IA.

Le licenze Agency possono essere attivate su un massimo di 25 siti web; la scheda Licenza e l'area clienti mostrano il riepilogo dei posti occupati. Con «Scollega la licenza da questo sito» liberi di nuovo un posto — pratico quando sposti progetti dei clienti.

Widget: funzioni per i visitatori

Il widget offre ai visitatori dieci modalità di visualizzazione e quattro cursori — tutte le impostazioni vengono salvate per 30 giorni nel browser del visitatore (nessun tracciamento, nessuna trasmissione al server):

Nella scheda Widget puoi disattivare i gruppi di funzioni singolarmente (ad es. scala di grigi, modalità di contrasto, cursori del testo, sottolineatura dei link) se vuoi mantenere il pannello più snello.

Pulsante flottante

Tutto nella scheda Widget → Pulsante flottante:

Puoi anche disattivare del tutto il pulsante e posizionare tu stesso il pannello al suo posto — vedi Integrazione.

Aspetto e tema

Aggancio al design con le variabili CSS

Per sviluppatori: invece di colori fissi, puoi agganciare il widget alle custom property CSS del tuo tema. Così seguirà automaticamente ogni cambio di design — modalità scura inclusa.

Colore di accento

Nel campo del colore di accento, al posto di un valore hex, inserisci semplicemente la variabile:

var(--primary)   oppure in breve:   --primary

Sfondo del pannello e colore del testo

Imposta il tema del pannello su Variabili personalizzate e inserisci i nomi delle variabili definite dal tuo tema, ad es.:

:root { --site-bg: #ffffff; --site-text: #1d1d1f; }
@media (prefers-color-scheme: dark) {
  :root { --site-bg: #1c1b22; --site-text: #f4f4f5; }
}

Il widget adotta background: var(--site-bg) e color: var(--site-text) e deriva automaticamente tutti i colori secondari (sfondi delle caselle, separatori, bordi) tramite color-mix(). Se il sito passa alla modalità scura per media query o per classe, il widget lo segue senza configurazione aggiuntiva.

Blocco Gutenberg

Cerca nell'editor a blocchi «Pannello di accessibilità» (categoria Widget). Il blocco renderizza lo stesso pannello del pulsante flottante — ideale per il footer, i popup o una pagina dedicata all'«Accessibilità». Nella barra laterale del blocco configuri il titolo, la visibilità del titolo e il pulsante di ripristino.

Shortcode

Il pannello ovunque — anche nei file del tema tramite do_shortcode():

[wave_access]

[wave_access title="Aiuto alla navigazione" show_title="1" show_reset="0"]

Elementor

Se Elementor è attivo, il widget «Wave Access – Accessibilità» compare automaticamente nel pannello di Elementor (categoria Generale, parole di ricerca «accessibility», «accessibilità»). Posizionalo con il trascinamento; il titolo, la visibilità del titolo e il pulsante di ripristino si configurano direttamente nelle opzioni del widget.

WPBakery

Se WPBakery (Visual Composer) è attivo, trovi l'elemento «Wave Access – Accessibilità» nel catalogo degli elementi, in Contenuto — con le stesse tre opzioni del blocco e dello shortcode.

Dichiarazione di accessibilità Pro

La scheda Dichiarazione genera una dichiarazione di accessibilità pronta secondo l'EAA (BFSG) come pagina di WordPress:

1. Inserisci l'organizzazione, l'e-mail di contatto e, facoltativamente, il telefono.
2. Scegli lo stato di conformità — parzialmente conforme è lo stato abituale e onesto.
3. Aggiungi le limitazioni note (ad es. «I vecchi documenti PDF non sono ancora accessibili»).
4. Scegli la lingua — sono disponibili le 29 lingue del plugin (tedesco e inglese con revisione editoriale; le altre arriveranno via via).
5. Crea pagina — la dichiarazione compare come pagina pubblicata; se fai modifiche, salva di nuovo e la pagina si aggiorna.

Report di verifica e PDF

La scheda Report di verifica riunisce tre strumenti:

• Riepilogo — statistica delle immagini senza testo alternativo, avanzamento della checklist e stato generale. Da qui avvii anche il report di verifica in PDF Pro: una documentazione giustificativa ottimizzata per la stampa (riepilogo, misure attive, checklist completa, elenco delle immagini) che salvi come PDF dalla finestra di stampa.
• Analisi delle immagini — elenco dettagliato di tutte le immagini senza testo alternativo, con anteprima, posizioni e link diretto per modificarle. Free mostra le prime 50 immagini; Pro analizza senza limiti ed esporta in CSV.
• Checklist EAA — 27 criteri secondo le WCAG 2.1 AA in cinque categorie, con barra di avanzamento e funzione di salvataggio. L'autovalutazione confluisce nel report PDF.

Funzioni di IA Pro AI

Le funzioni di IA vengono eseguite sui server di Wave Tools in Germania e si sbloccano con la tua licenza. Trovi le quote di ogni piano in Piani.

Testi alternativi automatici

• Al caricamento: interruttore «Testi alternativi automatici al caricamento» — le nuove immagini vengono descritte in modo asincrono.
• Completare l'esistente: «Analizza la libreria dei media» conta le immagini senza testo alternativo; «Genera ora» le elabora con indicatore di avanzamento. I testi alternativi esistenti non vengono toccati.
• Lingua: segue la lingua del sito; si può cambiare nella scheda IA.

Lettura facilitata e lettura ad alta voce con IA

Entrambe le funzioni fanno parte del piano Pro AI e si sbloccano automaticamente con la tua licenza non appena sono disponibili per il tuo account — vedi lo stato nella scheda IA.

Opzioni del backend

Piani in sintesi

Prezzi e acquisto: wavetools.io/#pricing · Gestione: area clienti

Supporto

Domande, errori, suggerimenti? Scrivi a support@wavetools.io — ai clienti Pro rispondiamo con priorità. Ci aiuta conoscere la tua versione di WordPress e del plugin (vedi l'elenco dei plugin) e una breve descrizione di ciò che ti aspettavi e di ciò che hai visto invece.