Noi di Duda prendiamo estremamente sul serio l'accessibilità. Per questo ci impegniamo attivamente per rendere più accessibili i siti sviluppati con la Piattaforma di Duda. Lavoriamo per permetterti di creare siti accessibili e aggiungiamo continuamente funzionalità per rendere questa operazione ancora più semplice, ma in ultima analisi spetta a te garantire che il tuo sito sia accessibile, come nel caso del SEO o delle prestazioni del sito. Scopri di più sull'accessibilità di Duda.
Nota
I clienti Enterprise possono contattare il proprio Account Manager per richiedere il VPAT.
L'accessibilità in termini di sito web è un sito che può essere utilizzato da utenti con disabilità uditive, visive o cognitive, nonché da coloro che devono navigare con voce, screen reader o altre tecnologie assistive. Secondo il World Wide Web Consortium (W3C), un'organizzazione che fornisce standard web internazionali, un sito web accessibile deve essere percepibile, operabile, comprensibile e robusto per questi utenti.
Ecco alcune delle funzionalità integrate che puoi utilizzare per creare siti più accessibili con Duda.
Ove possibile, Duda sfrutta gli elementi HTML5 semantici. Questa è la migliore pratica per l'accessibilità, poiché gli standard di HTML implementano una buona UX pronta all'uso per le toolassistive. La base della strategia di accessibilità di Duda è quella di affidarsi alla funzionalità HTML standard. Ad esempio, le intestazioni utilizzano i tag di intestazione (h1). Ciò garantisce la migliore funzionalità di accessibilità, poiché è già integrata nei browser e supportata dagli screen reader.
Utilizzando i tag di intestazione, aiuterai i visitatori che utilizzano gli assistenti vocali per capire il tuo sito web e come è organizzato. I tag intestazione (h1, h2, h3 e così via) suddividono il contenuto di una pagina in blocchi di informazioni correlati. Tieni presente quanto segue:
-
I tag di intestazione vanno usati per introdurre il contenuto
-
Usa un solo tag h1 per pagina o visualizzazione
-
I tag di intestazione devono essere scritti secondo una sequenza logica
-
Non saltare i livelli di intestazione
Assicurati che tutti gli elementi dell'immagine abbiano un tag o un attributo alt. L'aggiunta del testo alternativo alle immagini aiuta i visitatori ipovedenti a comprendere meglio il contesto delle foto presenti sul tuo sito. Se il tag alt non è presente su un'immagine, l'assistente vocale leggerà solo il nome del file o il percorso dell'immagine, senza riuscire a comunicarne il contenuto. Per le immagini che includono testo, assicurati che la descrizione alt includa il testo dell'immagine.
Puoi aggiungere testo alternativo ai widget con immagini, contenuti multimediali, icone o miniature di post del blog. Nella maggior parte dei casi, è possibile aggiungere testo alternativo facendo clic con il pulsante destro del mouse sul widget e selezionando Modifica contenuto. Nella scheda Contenuto , c'è un campo per il testo alternativo. Puoi digitare il tuo testo alternativo o fare clic sull'icona Sparkle () per utilizzare l'assistente AI per generare il testo alternativo. Il testo alternativo verrà generato nella lingua in cui si trova attualmente la pagina.
È importante notare che l'icona Sparkle sarà disabilitata se non è selezionata alcuna immagine. Inoltre, per utilizzare l'Assistente IA è necessario disporre di un piano Team o superiore con autorizzazioni AI.
Nota
-
Per i campi di testo alternativo esiste un limite di 80 caratteri.
-
Le immagini di sfondo non hanno uno spazio in cui inserire il testo alternativo perché, quando la fonte della pagina viene scansionata da un motore di ricerca o ne viene effettuato il crawling, il design di sfondo non viene registrato come contenuto.
Non tutti utilizzano il mouse o il trackpad per navigare all'interno di un sito web. Gli utenti che non dispongono di un mouse navigano tramite il tasto TAB della tastiera o utilizzando i tasti freccia per passare all'elemento successivo. Queste funzionalità sono accessibili da tastiera.
Impostiamo automaticamente la lingua del sito web, in base a ciò che hai impostato nelle impostazioni del sito. Ciò garantisce che gli screen reader possano determinare la lingua del sito Web e assistere gli utenti nella lingua corretta. Per ulteriori informazioni, vedere Lingua predefinita.
Oltre alle funzionalità di cui sopra, Duda dispone di due app che aiutano con l'automazione della conformità. AudioEye e UserWay possono aiutarti a generare automaticamente testo alternativo, correggere il contrasto dei colori, ingrandire i cursori, creare caratteri adatti alla dislessia e molto altro ancora.
Per ulteriori informazioni sull'accessibilità, consulta le seguenti risorse: