Scopri la Accessibility Solution di iubenda: guida passo-passo
La Direttiva Europea sull’accessibilità (EAA) entrerà pienamente in vigore il 28 giugno 2025, introducendo nuovi requisiti per l’accessibilità dei siti web. Per le aziende che operano all’interno dell’UE o che si rivolgono a clienti dell’UE, è fondamentale migliorare l’accessibilità e allinearsi a questi nuovi standard. Con la Accessibility Solution di iubenda, rendere il tuo sito web più accessibile diventa facilissimo.
La nuova Accessibility Solution di iubenda utilizza adattamenti basati sull’intelligenza artificiale per rendere automaticamente il tuo sito web più accessibile agli utenti che presentano diverse disabilità. La soluzione supporta una serie di funzionalità che facilitano la navigazione e l’interazione degli utenti con il tuo sito.
Che cos’è l’Accessibility Solution di iubenda?
L’Accessibility Solution di iubenda è un widget completamente automatizzato progettato per migliorare l’accessibilità del tuo sito web. Adatta il tuo sito web in tempo reale per soddisfare le esigenze degli utenti con disabilità, includendo opzioni come il ridimensionamento del testo, modalità ad alto contrasto, compatibilità con gli screen reader e altro ancora. Le funzionalità principali includono:
🎧 Compatibilità con gli screen reader: Fa in modo che il tuo sito web possa essere letto dagli screen reader per gli utenti ipovedenti.
🔳 Contrasto e ridimensionamento del testo: Permette agli utenti di regolare il contrasto e la dimensione dei caratteri in base alle proprie esigenze.
⌨️ Navigazione da tastiera: Migliora la navigazione sulla tastiera per gli utenti con difficoltà motorie.
🌀 Controllo sui contenuti dinamici: Permette agli utenti con epilessia o altri disturbi di fermare le animazioni o i contenuti dinamici che potrebbero essere dannosi.
Grazie a una semplice installazione, puoi iniziare subito a lavorare senza dover cambiare il codice del tuo sito web.
1: Attiva la Accessibility Solution
Vai alla dashboard di iubenda: Nella dashboard di iubenda, trova il riquadro Accessibility Solution tra i prodotti disponibili.
Attiva il Widget: Clicca sul pulsante Attiva per iniziare a usare la Accessibility Solution.
Nota: Il tool è in versione beta e può essere utilizzato gratuitamente fino al 15 aprile. Dopo tale data, pagherai 6€ al mese per ogni 10k pagine viste.
🔜 Prossimamente
Durante lo sviluppo, rilasceremo costantemente nuove funzionalità e opzioni di personalizzazione. Tra le opzioni disponibili, c’è la possibilità di regolare la posizione del widget, il colore, il livello (z-index) e decidere come deve apparire sul tuo sito, sia come icona, etichetta o entrambi. Grazie a queste opzioni, il widget si adatta perfettamente al design del tuo sito web. Rimani aggiornato!
2: Installa il Widget della Accessibility Solution sul tuo sito web
Una volta attivato il widget, è il momento di integrarlo nel tuo sito.
Integra il widget: Copia lo snippet fornito per l’Accessibility Widget e incollalo all’inizio della sezione Head del tuo sito web (subito dopo il tag <head> ) per installare il widget.
Verifica la funzionalità del Widget: Dopo l’integrazione, aggiorna il tuo sito web per assicurarti che il widget sia visibile e funzionante. Ora dovresti vedere una piccola icona per l’accessibilità:
Come funziona per gli utenti finali
Una volta che il widget della Accessibility Solution è stato integrato e attivato sul tuo sito, gli utenti finali potranno interagire con esso per personalizzare la loro esperienza di navigazione. Quando gli utenti modificano le loro impostazioni attraverso il widget, vengono apportate modifiche in tempo reale al layout del sito web, assicurando che i contenuti siano immediatamente ottimizzati in base alle preferenze selezionate. Ecco come si comporta il widget e le funzionalità che offre:
Aspetto del widget: Il widget di accessibilità appare come una piccola icona; quando gli utenti cliccano sull’icona, si apre un menu di opzioni per l’accessibilità, fornendo un modo semplice per regolare il layout del sito web.
Preferenze dell’utente: Il widget consente agli utenti di selezionare le proprie preferenze di accessibilità, come ad esempio:
Dimensione del testo: Gli utenti possono regolare le dimensioni del testo per una migliore leggibilità.
Impostazioni del contrasto: Regola il contrasto per far risaltare meglio i contenuti, soprattutto per chi ha problemi di vista.
Altre opzioni di visualizzazione: Il widget offre anche una serie di impostazioni di visualizzazione per soddisfare diverse esigenze, in modo tale da facilitare la navigazione del sito web agli utenti.
Dimensioni e stile del testo: Ingrandisce o adatta il testo in modo da renderlo più leggibile senza richiedere il ricaricamento della pagina.
Contrasto: Applica modifiche ai colori dello sfondo e del testo per migliorare la visibilità degli utenti daltonici o ipovedenti.
Controllo dinamico dei contenuti: Per gli utenti che potrebbero essere sensibili alle animazioni o ai contenuti lampeggianti, il widget offre la possibilità di disattivare le animazioni o modificare il comportamento dei contenuti dinamici. Questa funzione è particolarmente utile per chi soffre di patologie come l’epilessia.
Navigazione migliorata: Oltre alle modifiche visive, il widget migliora la navigazione da tastiera ottimizzando l’ordine di messa a fuoco, rendendo più facile per gli utenti con disabilità motorie navigare e interagire con la pagina in modo efficiente.
Compatibilità con gli screen reader: Il widget garantisce che tutti gli elementi siano compatibili con gli screen reader, assicurando che gli utenti ipovedenti possano comprendere e interagire facilmente con tutti i contenuti del tuo sito.
Conveniente e accessibile: Le impostazioni di accessibilità sono sempre facilmente accessibili, con il widget che rimane in una posizione fissa sul sito, consentendo agli utenti di apportare modifiche ogni volta che ne hanno bisogno.
Con la Accessibility Solution di iubenda puoi migliorare l’accessibilità del tuo sito web e offrire un’esperienza migliore e più inclusiva a tutti gli utenti.
Inizia a migliorare l’accessibilità del tuo sito web oggi stesso!
