Come capire cos’è il widget di accessibilità
Il widget di accessibilità è uno strumento che migliora la fruibilità del sito web per tutti gli utenti, inclusi quelli con disabilità visive, motorie o cognitive.
Permette di adattare alcuni elementi dell’interfaccia, come:
- dimensione del testo;
- contrasto dei colori;
- evidenziazione del focus;
- modalità di navigazione facilitata.
Come installare lo script del widget da HTML
Per attivare il widget, inserisci uno script nel codice del tuo sito:
- vai all’editor del tuo sito e accedi al codice HTML della home page;
- individua la sezione finale del tag <body>;
- incolla lo script del widget nella posizione indicata, senza modificarlo;
- salva le modifiche;
- apri il sito nel browser e verifica che il widget sia visibile.
Dopo l’installazione, puoi personalizzare il widget dal pannello di gestione:
- Inserisci il dominio. Indica il dominio senza prefissi, per esempio tuosito.it . Se il widget non viene caricato, prova a inserirlo completo, per esempio https://www.tuosito.it .
- Imposta colori e stile. Configura i colori del widget per renderlo coerente con il design del sito.
- Imposta la favicon. É la piccola icona associata a un sito web che compare nella scheda del browser.
- Scegli la posizione. Decidi dove visualizzare il widget: in basso a destra, in basso a sinistra o al centro. Puoi anche regolare la posizione con offset personalizzati (X e Y) per evitare sovrapposizioni con altri elementi.
- Regola la dimensione. Adatta la dimensione del widget per garantire visibilità e usabilità.
- Attiva la modalità white label. Puoi rimuovere riferimenti al provider oppure inserire il nome della tua attività o della web agency.
Come installare il widget se gestisci il sito con SuperSite
Per attivare il widget di accessibilità:
- accedi al pannello di gestione di SuperSite. Segui la guida per accedere a SuperSite;
- seleziona l'icona dei fogli che trovi nel menu a destra;
- a questo punto:
- se non hai ancora acquistato LegalBlink Accessibilità, nella sezione Avanzate, sotto la voce LegalBlink Accessibilità vedi il pulsante Acquista. Premilo e fai l'ordine. Al termine, torna qui e segui la procedura sotto;
- se invece lo hai già, nella sezione Avanzate, sotto la voce LegalBlink Accessibilità vedi un codice. Da una nuova pagina del tuo browser, accedi al pannello di gestione di LegalBlink Accessibilità e usa il codice per gestire il tuo sito. Leggi le guide per gestire l'accessibilità del tuo sito web.
Per aggiungere la dichiarazione di accessibilità:
- accedi al pannello di gestione di SuperSite. Segui la guida per accedere a SuperSite;
- seleziona l'icona dei fogli che trovi nel menu a destra;
- nella sezione Documenti legali vai su dichiarazione-di-accessibilita e segui le indicazioni.
Come installare il widget se gestisci il sito con WordPress
Per attivare il widget di accessibilità:
- accedi al pannello di controllo del tuo sito web. Leggi la guida per accedere al pannello di controllo;
- vai su Applicazioni;
- vai su Legalblink Accessibilità;
- seleziona Accedi;
- vedrai una schermata in cui sono proposti 4 passaggi. Leggi quello che è scritto;
- vai su Prosegui;
- inserisci i dati richiesti: nome, cognome, telefono, società, indirizzo, città, provincia, CAP, partita IVA, codice fiscale, il nome del tuo sito web;
- vai su Prosegui;
- verifica che nel footer del tuo sito ci siano i dati necessari. Controlla che sia funzionante e navigabile in ogni sua parte. Infine controlla che il sito sia pubblicato e visibile online. Quindi seleziona una ad una tutte le opzioni che vedi;
- vai su Prosegui;
- leggi il messaggio e vai su Richiedi. I documenti saranno pronti nei 3 giorni lavorativi successivi alla tua richiesta.
Una volta generati, trovi i documenti nel pannello di gestione di LegalBlink Accessibilità, sotto la voce Documenti.
A questo punto, sempre nella sezione Documenti, vai su Crea nuovi documenti e poi seleziona Compila, nella sezione DeclarationAccessibility. Rispondi alle domande che vedi. Vai su Avanti e poi su Salva per generare il documento.
Resta nella sezione Documenti, vai su Crea nuovi documenti e poi seleziona Compila, nella sezione Accessibility Check-up. Rispondi alle domande che vedi. Vai su Avanti e poi su Salva per generare il documento.
I due documenti che hai appena creato li trovi nella sezione Documenti creati.
Adesso, sempre nel pannello di gestione di LegalBlink Accessibilità, vai su Impostazioni, scorri la pagina fino alla sezione Plugin WordPress e vai su Genera token. Copia questo codice in un posto sicuro: dovrai usarlo tra poco.
Poi:
- torna nel pannello di controllo del tuo sito web. Leggi la guida per accedere al pannello di controllo;
- vai su Hosting per WordPress;
- vai su Gestione WordPress;
- vai su Gestisci, nella sezione Gestione WordPress;
- vai su Plugin;
- vai su Aggiungi un nuovo plugin;
- digita "LegalBlink for Aruba" nel campo Cerca plugin;
- quando lo hai trovato, vai su Installa ora. Al termine dell'installazione, vai su Attiva. Nel menu laterale vedi la voce LegalBlink for Aruba. Selezionala;
- incolla nel campo che vedi il token che avevi copiato prima. Seleziona Accedi;
- nella schermata che vedi, vai nella sezione Dichiarazione accessibilità. Abilita il selettore per la voce Incorpora il codice HTML in sostituzione del link; seleziona la pagina Home dal menu a tendina che vedi alla voce Pagina della dichiarazione di accessibilità; vai su Salva.
- Nella sezione Widget accessibilità verifica che sia presente il messaggio di avvenuta configurazione del widget per il tuo sito. Attiva il selettore per la voce Inietta lo snippet del widget nel sito. Vai su Salva. In questo modo lo snippet del widget di accessibilità viene inserito automaticamente nel footer di tutte le pagine del sito.
Torna nel pannello di gestione di LegalBLink Accessibilità e vai nella sezione Accessibilità. Nel campo Dominio inserisci il nome del tuo sito web. Puoi personalizzare i colori. Vai su Salva.
Sotto la voce Accessibilità, scorri la pagina fino alla sezione Integrazione e verifica il codice widget che vedi.
Torna nel pannello di gestione del tuo WordPress e seleziona la voce di menu LegalBlink for Aruba. Il codice del widget sarà lo stesso che vedrai nella sezione Widget accessibilità.
Come verificare il corretto funzionamento
Dopo l’installazione:
- apri il sito nel browser;
- verifica la presenza dell’icona del widget;
- prova le funzionalità per controllare che siano attive.
Se il widget non compare, passa alle verifiche tecniche indicate nel paragrafo successivo.
Perché il widget non si vede o non funziona
Se il widget non viene caricato correttamente, verifica:
- posizione dello script (deve essere prima della chiusura del <body>);
- corretto inserimento del dominio nel pannello di configurazione;
- eventuali blocchi da estensioni del browser o strumenti di terze parti;
- presenza di errori nel codice HTML.
Come controllare eventuali errori JavaScript
Per controllare gli script:
- apri il sito nel browser;
- premi F12 dalla tastiera e vai nella sezione Console;
- verifica la presenza di errori.
Errori frequenti possono dipendere da:
- dominio non configurato correttamente;
- conflitti con altri script;
- impostazioni non supportate.