Fondazione CRIDA

Widget di accessibilità per WordPress

Un singolo tag <script> aggiunge al sito un pannello di accessibilità completo: profili rapidi, regolazioni testo, contrasto, cursore, maschera di lettura, lettura ad alta voce del testo selezionato.

1. Codice da incollare

Copia questo tag e incollalo prima della chiusura di </body> nel tuo tema WordPress.

<script src="/crida-a11y.js" defer></script>

2. Come aggiungerlo su WordPress

Opzione A — Plugin (consigliato)

  1. Dal pannello WP installa il plugin Insert Headers and Footers (WPCode) o simile.
  2. Vai su Impostazioni → Insert Headers and Footers.
  3. Incolla lo snippet nel campo Scripts in Footer.
  4. Salva. Il widget compare in tutte le pagine.

Opzione B — Tema figlio

Aggiungi in functions.php del tema figlio:

add_action('wp_footer', function () {
  echo '<script src="/crida-a11y.js" defer></script>';
});

3. Cosa include

  • 6 profili rapidi: Ipovedente, Sordo, Dislessia, ADHD, Epilessia, Cognitivo
  • Dimensione testo 100–200%
  • Interlinea, spaziatura lettere e parole
  • Font Standard / Leggibile / OpenDyslexic
  • Allineamento testo
  • Contrasto: Alto, Invertito, Desaturato, Bianco/Nero
  • Cursore Grande / XL
  • Evidenzia link e titoli
  • Pausa animazioni (sicurezza epilettica)
  • Maschera di lettura
  • Focus rinforzato, skip link
  • Lettura ad alta voce del testo selezionato
  • Scorciatoia da tastiera Alt + A
  • Preferenze salvate nel dispositivo dell'utente

Prova qui

Il widget è già attivo in questa pagina: usa il pulsante in basso a sinistra oppure premi Alt + A. Seleziona un pezzo di testo per far apparire il pulsante "Leggi" (attiva prima "Lettura ad alta voce" dal pannello Visione).