Libration Accessibility

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 libration-accessibility 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 LIB-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():

[libration_accessibility]

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

Elementor

Se Elementor è attivo, il widget «Libration Accessibility – 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 «Libration Accessibility – Accessibilità» nel catalogo degli elementi, in Contenuto — con le stesse tre opzioni del blocco e dello shortcode.

Divi

Con Divi attivo, il modulo «Libration Accessibility – strumenti di accessibilità» compare nel Divi Builder — con le stesse tre opzioni del blocco e dello shortcode. Divi 5 esegue il modulo tramite la sua compatibilità con Divi 4.

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 28 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.

Sottotitoli e trascrizioni

La scheda Media elenca ogni file video e audio della libreria e mostra quali hanno sottotitoli verificati. Un incarico ricava dalla traccia audio una traccia di sottotitoli (WebVTT) e, se vuoi, una trascrizione e traduzioni.

Minuti media

La contabilizzazione avviene in minuti media: un minuto iniziato di durata per passaggio. Un video di dieci minuti con trascrizione e due traduzioni consuma quindi tre volte dieci minuti. Le correzioni nell’editor non costano nulla. Senza licenza c’è una prova una tantum per sito.

L’editor

«Apri nell’editor» affianca i sottotitoli all’audio. Un clic su una scheda salta al punto corrispondente. L’editor controlla le regole che rendono leggibili i sottotitoli: al massimo due righe da 37 caratteri, permanenza fra uno e sei secondi, non più di quindici caratteri al secondo. Le violazioni compaiono come nota sulla scheda: non bloccano nulla, ma quasi sempre sono fondate.

Tre scorciatoie sono integrate: Parlante antepone un nome, [suono] aggiunge un suono rilevante, Sposta i tempi corregge uno scarto sull’intero file.

L’approvazione — il punto vero

I sottotitoli automatici non soddisfano la WCAG 1.2.2: i nomi propri non sono sempre esatti, i parlanti non sono indicati, i suoni rilevanti mancano. Perciò un media conta come coperto solo dopo la tua approvazione, sia nel quadro generale sia nel testo per la dichiarazione di accessibilità. L’approvazione è un’affermazione, non una formalità: con essa confermi di aver letto e corretto i sottotitoli.

Video di terzi incorporati

YouTube e Vimeo non possono essere sottotitolati dall’esterno. Elabora qui il file originale, scarica il file SRT dall’editor dopo l’approvazione e caricalo sulla piattaforma.

Impostazioni

La traccia verificata può essere agganciata automaticamente al video in fase di consegna, anche per i video di un page builder. Una trascrizione a scomparsa sotto il media soddisfa il criterio 1.2.1 per i contenuti solo audio e giova anche alla ricerca. Nel campo Lessico di questo sito vanno nomi propri, prodotti e termini tecnici, uno per riga: quel contesto alza la qualità più di qualunque modello più grande.

Documenti PDF

I PDF pubblicati su un sito rientrano nella BFSG tramite la norma EN 301 549, capitolo 10. Una versione HTML accessibile non sostituisce espressamente un PDF inaccessibile. La scheda Documenti raccoglie quindi tutti i PDF della libreria, li verifica e può elaborarli.

Verificare non costa nulla

La verifica avviene secondo PDF/UA-1 ed esamina tag, ordine di lettura, metadati, testi alternativi, intestazioni di tabella e pagine scansionate. Non consuma alcun credito: puoi verificare ogni documento quante volte vuoi, anche senza licenza. Il risultato è un punteggio da 0 a 100 e un elenco dei rilievi per gravità.

Elaborazione e prova

L’elaborazione costa un’unità per pagina elaborata. Genera tag e struttura, imposta titolo e lingua del documento, contrassegna gli elementi decorativi come artefatti, propone testi alternativi per le figure e imposta le celle di intestazione nelle tabelle dove sono riconoscibili. La prova elabora al massimo metà delle pagine, non costa credito e restituisce un file di prova: sul documento non cambia nulla.

Il semaforo

Tre stati, e quello centrale è il più importante: non verificato, elaborato automaticamente, non controllato, controllato e approvato. Una macchina non può giudicare se l’ordine di lettura regga nel merito, se un testo alternativo dica la cosa giusta o se una tabella complessa resti comprensibile. Un documento elaborato resta perciò «elaborato automaticamente, non controllato» finché qualcuno non lo ha riletto e approvato. Solo i documenti approvati contano negli indicatori e nel testo per la dichiarazione.

Sostituire l’originale o affiancarlo

Per impostazione predefinita l’elaborazione affianca all’originale un nuovo file con il suffisso -accessibile; i link esistenti continuano a funzionare. «Sostituisci» scambia il file originale e conserva la vecchia versione come .bak. Attenzione: così decade la tutela dei documenti preesistenti.

Documenti preesistenti

Ai sensi del § 1 comma 4 della BFSG i documenti pubblicati prima del 28 giugno 2025 sono esenti dai requisiti finché restano invariati. Questi file sono contrassegnati nell’elenco. Chi ne sostituisce o ricarica uno perde l’esenzione. È un’indicazione, non un parere legale.

Testo per la dichiarazione

In fondo alla scheda si trova un paragrafo che riporta in cifre lo stato dei documenti PDF, in tedesco o in inglese, pronto da copiare. Il generatore della dichiarazione di accessibilità può riprenderlo.

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 Libration 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: libration.io/#pricing · Gestione: area clienti

/wp-content/plugins/libration-accessibility/assets/frontend.js
/wp-content/plugins/libration-accessibility/assets/frontend.css
/wp-content/plugins/libration-accessibility/assets/libration-tts.js
/wp-content/plugins/libration-accessibility/assets/libration-easy-lang.js

Supporto

Domande, errori, suggerimenti? Scrivi a support@libration.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.