Widget di accessibilità

Personalizza il widget.
Senza toccare il codice.

Colore, forma, dimensione e posizione del pulsante si impostano dalla dashboard. Gli utenti adattano testo, contrasto e navigazione. Il widget non rende il sito conforme da solo.

Installa gratis Vedi lo scanner
ColoreAuto o qualsiasi hex
FormaTondo o arrotondato
6Posizioni
1Snippet JS
Widget LEXABLE aperto sul sito, con pulsante di accessibilità in basso a destra

Personalizzazione

Lo stesso snippet. Un aspetto diverso su ogni sito.

Colore del sito

Rilevazione automatica

LEXABLE legge il colore primario del sito — theme-color, variabili CSS, brand — e lo applica al widget. Un click dalla dashboard. Poi puoi comunque scegliere un hex a mano.

Colore e stile del pannello

Pannello widget LEXABLE in ciano

Ciano

#0ea5e9 · default LEXABLE

Pannello widget LEXABLE in violetto

Violetto

#7c3aed

Pannello widget LEXABLE in verde

Verde

#059669

Pannello widget LEXABLE in arancio

Arancio

#ea580c

Pannello widget LEXABLE in rosa

Rosa

#e11d48

Pannello widget LEXABLE in blu

Blu

#0369a1

Pannello widget LEXABLE in nero

Nero

#0d0d0d

Pannello widget LEXABLE in bianco

Bianco

#ffffff

Pannello widget LEXABLE con effetto vetro

Glass

Effetto vetro, tintato dal colore

Forma e dimensione del pulsante

Pulsante widget tondo

Tondo

Cerchio, 56px

Pulsante widget arrotondato

Arrotondato

Raggio proporzionale, 56px

Pulsante widget compatto

Compatto

40px, per header densi

Pulsante widget grande

Grande

80px, target più ampio

Pulsante widget violetto

Violetto

Tondo

Pulsante widget verde

Verde

Arrotondato

Pulsante widget arancio

Arancio

Tondo

Pulsante widget rosa

Rosa

Arrotondato

Posizione sullo schermo

Widget posizionato in alto a sinistra

In alto a sinistra

Widget posizionato in alto al centro

In alto al centro

Widget posizionato in alto a destra

In alto a destra

Widget posizionato in basso a sinistra

In basso a sinistra

Widget posizionato in basso al centro

In basso al centro

Widget posizionato in basso a destra

In basso a destra

Oltre ai preset: qualsiasi hex, rilevazione automatica dal sito, vetro (glass) su pannello e pulsante, intensità delle ombre. Tutto dalla dashboard, senza reinstallare lo snippet.

Funzioni

Cosa può fare chi visita il sito.

Testo

  • Dimensione font
  • Spaziatura lettere
  • Altezza riga
  • Font più leggibile

Colori

  • Alto contrasto
  • Monocromatico
  • Inversione
  • Saturazione

Navigazione

  • Cursore grande
  • Guida di lettura
  • Focus evidenziato
  • Stop animazioni

Profili

  • Ipovisione
  • Daltonismo
  • Reset rapido
  • Lingua del pannello

Installazione

Tre passi, su qualsiasi CMS.

01

Copia lo snippet

Un tag script dalla dashboard LEXABLE. Niente plugin obbligatorio.

02

Incollalo nel sito

Nel head di ogni pagina, o nell’header/footer del CMS.

03

Personalizza

Colore, forma, posizione e lingua. Il widget si aggiorna da solo.

index.html 
<script src="https://app.lex-able.com/p/widget.js" async></script>
WordPress Shopify Webflow Wix Framer Drupal TYPO3 e qualsiasi altro CMS
Complementare

Scanner WCAG 2.2

Trova gli errori strutturali che il widget non può correggere.

 Obblighi

European Accessibility Act

Perché overlay e conformità non sono la stessa cosa.

 Incluso

Tutti i piani LEXABLE

Da 9,00€/mese. Scanner + widget + dichiarazione.

FAQ

Hai delle domande. Noi abbiamo le risposte.

Il widget è sufficiente per l’EAA?

No. L’EAA richiede accessibilità strutturale rispetto a WCAG 2.2 AA. Il widget aiuta chi visita il sito a personalizzare la lettura, ma non corregge il codice e non sostituisce scanner, audit o test con utenti.

Come si installa?

Con uno snippet JavaScript nel head. Funziona su WordPress, TYPO3, Drupal, Webflow, Shopify e qualsiasi altro CMS. L’installazione è rapida; non chiude il percorso di conformità.

Posso cambiare colore e forma senza toccare il sito?

Sì. Colore, forma, dimensione, posizione e lingua si impostano dalla dashboard. Lo snippet resta lo stesso.

Funziona con WordPress?

Sì. Si installa nel tema o con un plugin per header/footer. Lo scanner analizza le pagine pubbliche indipendentemente dal CMS.