Accessibilità: utilizzare il Wizard accessibilità nell'Editor Studio

Gli indicatori di messa a fuoco sono rettangoli blu che appaiono intorno agli elementi interattivi (come tasti o link) quando i visitatori navigano sul sito live utilizzando una tastiera.

Consentono al visitatore di vedere la loro posizione attuale e sono quindi fondamentali per l'accessibilità del sito. Di conseguenza, gli indicatori di messa a fuoco vengono abilitati automaticamente su tutti i siti Editor Studio e non possono essere disattivati. 

Passare al contenuto principale è una funzionalità che consente ai visitatori che utilizzano la navigazione da tastiera di bypassare le sezioni più in alto di un sito (come i menu e le intestazioni delle pagine) e passare direttamente al contenuto principale della pagina. 

Un link "Vai ai contenuti principali" viene aggiunto automaticamente a tutti i siti che crei nell'Editor Studio e non può essere disattivato.

Configurare la lingua principale del sito fornisce alle tecnologie assistive le informazioni necessarie per il rendering accurato del contenuto. Si può fare: 

È quindi importante impostare la lingua principale del sito, in quanto garantisce che i visitatori che utilizzano queste tecnologie godano della migliore esperienza possibile.

Se hai aggiunto Wix Multilingua al tuo sito, la lingua principale scelta durante la configurazione non può essere modificata.  

Tuttavia, puoi:

L'ordine DOM (Document Object Model) di un sito determina l'ordine di "lettura" degli elementi della pagina.

Alcuni visitatori del sito utilizzano screen reader e altre tecnologie assistive per navigare su un sito.

Gli screen reader, ad esempio, scansionano il contenuto del sito e lo "leggono" ad alta voce al visitatore. Questi visitatori, così come quelli con difficoltà motorie, possono utilizzare il tasto Tab per navigare tra i contenuti del sito. 

Organizzare l'ordine DOM di un sito è quindi importante per l'accessibilità, in quanto garantisce che i visitatori che utilizzano queste tecnologie assistive e aggiuntive riescano a navigare nel sito in un ordine logico.

Il Wizard ti chiede di modificare il titolo di una pagina quando il titolo è "Nuova pagina" (l'impostazione predefinita assegnata alle nuove pagine aggiunte a un sito) o il titolo contiene "Copia di" (l'impostazione predefinita assegnata alle pagine duplicate).

I visitatori del sito utilizzano spesso i titoli delle pagine per indirizzarli a contenuti o informazioni specifici. Per garantire la migliore esperienza possibile, i titoli delle pagine dovrebbero essere:

I tag dell'intestazione sono elementi nel codice HTML di un sito che determinano la gerarchia o struttura del contenuto del testo su una pagina. I tag dell'intestazione seguono un ordine dall'alto verso il basso, da Heading 1 (H1) a Heading 6 (H6), seguiti dal testo del paragrafo (P).

Le tecnologie assistive utilizzano i tag dell'intestazione per conoscere l'ordine del contenuto della pagina. Ad esempio, gli screen reader leggono prima il contenuto H1, seguito da H2, H3 e così via. 

Una struttura dell'intestazione accurata è quindi importante, in quanto offre un'esperienza chiara e logica ai visitatori che utilizzano queste tecnologie. Scopri di più sui tag dell'intestazione.

L'alt text è una descrizione testuale di un'immagine su una pagina web.

Alcuni visitatori potrebbero utilizzare tecnologie assistive come gli screen reader per navigare nei siti. Questi leggono ad alta voce ai visitatori il contenuto del sito, incluso l'alt text. 

L'alt text è quindi una parte importante di un sito, in quanto garantisce che i visitatori che utilizzano queste tecnologie possano accedere al contenuto e capire cosa contiene l'immagine. Scopri di più sull'alt text e l'accessibilità. 

Il contrasto del colore è una misura della differenza di luminosità percepita tra due colori ed è espressa come un rapporto che va da 1:1 (senza contrasto) a 21:1 (contrasto forte). Avere un contrasto forte garantisce che il contenuto del sito sia facile da vedere e leggere. 

Il rapporto di contrasto del colore richiesto dipende dal tipo di elemento e dal livello delle Linee guida per l'accessibilità dei contenuti web (WCAG) (contenuti in inglese) che desideri raggiungere: AA (requisito minimo) o AAA (avanzato) (contenuti in inglese):

Nota: al momento, il Wizard accessibilità richiede solo il livello AA.

Il testo o gli elementi che collegano ad altre pagine, sezioni o siti web dovrebbero essere il più descrittivi possibile. Ad esempio, "Scopri di più sulle nostre ultime ricerche" è più chiaro di "Scopri di più". Dovrebbero anche essere chiari se portano a un'azione, come l'invio di un modulo. Leggi il documento delle Linee guida per l'accessibilità dei contenuti web (WCAG) sullo scopo dei link (contenuti in inglese).

Le informazioni trasmesse tramite il colore dovrebbero avere anche indicatori separati, come motivi, stile del font e icone. Ad esempio, il testo con un link dovrebbe essere sottolineato e anche i grafici dovrebbero mostrare i dati con motivi o strutture diverse Leggi il documento delle Linee guida per l'accessibilità dei contenuti web (WCAG) sull'uso dei colori (contenuti in inglese).

Il testo nelle immagini (come quello contenuto in foto di cartelli o slogan) non può essere letto dagli screen reader. Ti consigliamo di sostituire queste immagini con testo reale, dove possibile. 

Se il testo dell'immagine è una parte importante del contenuto del sito o è essenziale per trasmettere informazioni, includi il testo nella descrizione dell'immagine (alt text). Scopri di più sul testo nelle immagini.

Se il sito contiene contenuti multimediali (es. video, GIF e file audio), devi assicurarti che sia accessibile a tutti i visitatori del sito.

Puoi farlo aggiungendo alternative, come trascrizioni e didascalie. Questi garantiscono che tutti i visitatori del sito possano accedere e godersi il contenuto. Scopri di più sulle alternative multimediali.

Alcuni lettori video e audio potrebbero essere configurati per la riproduzione automatica al caricamento della pagina. Tuttavia, ciò può causare confusione e distrarre i visitatori e può interferire con le tecnologie assistive. Ad esempio, un lettore audio che si avvia automaticamente può sovrapporsi o "parlare sopra" uno screen reader. 

Pertanto, ti consigliamo di offrire ai visitatori la possibilità di interrompere, mettere in pausa e silenziare il contenuto. Scopri di più su come aggiungere i controlli.

Gli elementi o componenti del sito dovrebbero essere comunque visibili se il browser viene ingrandito. Questo per garantire che gli utenti con difficoltà visive possano ingrandire il sito e visualizzare comunque tutto il contenuto della pagina. Puoi verificarlo visualizzando in anteprima il sito e modificando lo zoom del browser al 200%. Scopri di più sui contenuti ingranditi.

L'accessibilità al web è un requisito legale in diversi Paesi. Tuttavia, anche se non è un requisito legale nella tua regione, ti consigliamo di aggiungere una una dichiarazione. Questo dimostra l'impegno del sito e del tuo cliente nel rendere il sito web accessibile a tutti i visitatori. Scopri di più sulle dichiarazioni sull'accessibilità.