Axs Pro Accessibility Widget

Widget di accessibilità conforme al European Accessibility Act (EAA), progettato per essere facilmente integrato in qualsiasi sito web.

Caratteristiche

• Conforme EAA: Include strumenti essenziali come contrasto elevato, testo grande, font per dislessia, e altro.
• Navigazione da Tastiera: Completamente accessibile e navigabile tramite tastiera. Usa Ctrl+U per aprire/chiudere il widget rapidamente.
• Screen Reader Friendly: Supporto completo per ARIA roles e stati (aria-pressed, aria-expanded).
• Design Moderno: Interfaccia pulita, responsive e non intrusiva (bottom sheet).
• Leggero e Veloce: Bundle unico ottimizzato.

Installazione

Per aggiungere il widget al tuo sito, inserisci il seguente script prima della chiusura del tag </body>:

<script 
  src="https://cdn.jsdelivr.net/gh/Tag-Agency/eaa-widget@854e155680f1ef244a7c3ff0eda8647e1c099676/axs-widget.js" 
  data-auto-init="true"
></script>

Parametri di Configurazione

Puoi personalizzare il widget modificando i parametri nella query string dell'URL dello script:

Parametro	Descrizione	Valore Default	Esempio
color	Colore primario del widget (esadecimale senza #)	c4ac44	color=ff0000 (Rosso)
position	Posizione del pulsante e del pannello	right	position=left

Esempio completo:

<script 
  src="https://cdn.jsdelivr.net/gh/Tag-Agency/eaa-widget@854e155680f1ef244a7c3ff0eda8647e1c099676/axs-widget.js?color=ff4081&position=left" 
  data-auto-init="true"
></script>

Sviluppo Locale

1. Clona il repository
2. Installa le dipendenze: npm install
3. Avvia il server di sviluppo: npm run dev

Build per Produzione

Per generare il file axs-widget.js aggiornato nella cartella public/:

npm run build:widget