Editor Wix Harmony: usare il Wizard di accessibilità

Gli indicatori di messa a fuoco sono rettangoli blu che appaiono intorno agli elementi interattivi (come tasti o link) quando i visitatori usano la tastiera per navigare nel sito live.

Permettono al visitatore di vedere la propria posizione attuale e sono quindi fondamentali per l'accessibilità del sito. Saperne di più sugli indicatori di messa a fuoco.

"Vai ai contenuti principali" è una funzione che permette ai visitatori che usano la navigazione da tastiera di saltare le sezioni superiori di un sito (come i menu e le intestazioni di pagina) e passare direttamente al contenuto principale della pagina.

I link "Vai ai contenuti principali" sono una parte importante dell'accessibilità di un sito, poiché offrono ai visitatori un accesso rapido alle informazioni di cui hanno bisogno. Scopri di più su "Vai ai contenuti principali".

L'impostazione della lingua principale del sito fornisce alle tecnologie assistive le informazioni necessarie per mostrare accuratamente i contenuti. Lo fa:

È quindi importante impostare la lingua principale del sito, poiché garantisce ai visitatori che utilizzano queste tecnologie di ottenere l'esperienza migliore.

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 selezione/lettura degli elementi della pagina (ovvero l'ordine in cui gli elementi vengono letti dai lettori di schermo ed evidenziati quando si usa il tasto Tab).

L'ordine DOM è influenzato anche dalla direzione della lingua del tuo sito. Ti consigliamo di organizzare l'ordine DOM con il wizard per assicurarti che l'ordine di lettura e quello visivo dei tuoi elementi siano allineati. Scopri di più sull'ordine DOM e sull'accessibilità.

Nota: questa attività viene mostrata solo se l'ordine DOM e la direzione della lingua del sito non corrispondono.

Il tag title di una pagina è il titolo che i motori di ricerca solitamente mostrano per la pagina nei risultati di ricerca. Viene preso dal nome che dai alla pagina, così come dal nome del sito.

Il wizard ti chiede di modificare il titolo di una pagina quando il tag title contiene "Nuova pagina" (il valore predefinito assegnato alle nuove pagine che aggiungi a un sito) o "Copia di" (il valore predefinito assegnato alle pagine duplicate).

I tag title della pagina forniscono ai visitatori che utilizzano tecnologie assistive informazioni importanti sul contenuto della pagina. Per garantire l'esperienza migliore, i titoli delle pagine devono quindi essere:

Suggerimento: i tag title della pagina accurati sono anche una parte importante della SEO del tuo sito.

I tag dell'intestazione sono elementi nel codice HTML di un sito che determinano la gerarchia e la struttura dei contenuti testuali di una pagina. I tag dell'intestazione seguono un ordine dall'alto verso il basso, dall'intestazione 1 (H1) all'intestazione 6 (H6), seguiti dal testo del paragrafo (P).

Le tecnologie assistive utilizzano i tag dell'intestazione per conoscere l'ordine dei contenuti della pagina. Ad esempio, gli screen reader leggono prima il contenuto H1, seguito da H2, H3, ecc.

Una struttura accurata delle intestazioni è quindi importante, poiché fornisce un'esperienza chiara e logica ai visitatori che utilizzano queste tecnologie.

Puoi regolare molti tag dell'intestazione all'interno del Wizard accessibilità. Tuttavia, alcuni elementi non sono attualmente completamente integrati con il wizard e devono essere regolati manualmente.

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

Alcuni visitatori potrebbero usare tecnologie assistive, come i lettori di schermo, per navigare nei siti. Questi leggono ad alta voce il contenuto del sito ai visitatori, incluso l'alt text.

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

Il contrasto dei colori è una misura della differenza di luminosità percepita tra due colori ed è espresso come un rapporto che va da 1:1 (nessun contrasto) a 21:1 (contrasto forte). Avere un contrasto forte garantisce che i contenuti del sito siano visibili e leggibili.

Il rapporto del contrasto dei colori richiesto dipende dal tipo di elemento e dal livello delle Linee guida per l'accessibilità dei contenuti Web (WCAG) che vuoi raggiungere: AA (il requisito minimo) o AAA (avanzato):

Puoi regolare il contrasto della maggior parte dei contenuti del sito all'interno del Wizard accessibilità. Tuttavia, alcuni elementi non sono attualmente completamente integrati con il wizard e devono essere regolati manualmente. Scopri di più sulla regolazione del contrasto dei colori.

Nota: attualmente nel Wizard accessibilità è richiesto solo il livello AA.

Alcuni visitatori del sito potrebbero avere una o più disabilità o condizioni che influiscono sulla vista e/o sull'udito. Puoi assicurarti che i file multimediali siano accessibili fornendo delle alternative (es. trascrizioni e descrizioni audio), rendendo più facile per questi visitatori accedere, comprendere e godersi i contenuti. Scopri di più sulle alternative ai contenuti multimediali.

Il DOM si riferisce all'ordine di caricamento e di lettura degli elementi sulle pagine del tuo sito ed è importante per i visitatori che usano lettori di schermo e altre tecnologie assistive. Puoi organizzare l'ordine DOM con il wizard per assicurarti che l'ordine di lettura e quello visivo dei tuoi elementi siano allineati. Scopri di più sull'ordine DOM e sull'accessibilità.

Nota: questa attività viene mostrata solo se il DOM automatico è disabilitato su una o più sezioni della pagina.

Il testo o gli elementi che rimandano ad altre pagine, sezioni o siti web devono essere il più descrittivi possibile. Ad esempio, "Leggi di più sulla nostra ultima ricerca" è più chiaro di «Leggi di più». Devono anche essere chiari se portano a un'azione, come l'invio di un modulo. Leggi il documento delle Web Content Accessibility Guidelines (WCAG) sullo scopo del link.

Le informazioni trasmesse dal colore dovrebbero avere anche indicatori separati, come motivi, stile del carattere e icone. Ad esempio, il testo con link deve essere sottolineato e i grafici devono anche mostrare i dati con motivi o stili differenti. Leggi il documento delle Web Content Accessibility Guidelines (WCAG) sull'uso del colore.

Il testo nelle immagini (come foto di insegne 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.

Alcuni lettori video e audio possono essere impostati per la riproduzione automatica al caricamento della pagina. Tuttavia, questo può causare confusione e distrazione per 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.

Ti consigliamo quindi di fornire ai visitatori l'opzione per interrompere/mettere in pausa e silenziare il contenuto. Scopri di più sull'aggiunta di controlli.

Gli elementi e i componenti del sito devono essere comunque visibili se il browser è ingrandito. Questo serve a garantire che gli utenti con condizioni visive possano ingrandire il sito e vedere comunque tutti i contenuti della pagina. Puoi verificarlo visualizzando l'anteprima del sito e impostando lo zoom del browser al 200%. Scopri di più sui contenuti ingranditi.

L'accessibilità web è un requisito legale in diversi paesi. Tuttavia, anche se non è un requisito legale nella tua regione, ti consigliamo di aggiungere la dichiarazione. Questa dimostra l'impegno del sito o del tuo cliente nel fornire un sito web fruibile da tutti i visitatori. Scopri di più sulle dichiarazioni di accessibilità.

Sul sito potrebbe esserci un contrasto dei colori che il wizard non identifica. Per garantire che tutti i contenuti del sito siano chiari e visibili ai visitatori, ti consigliamo di rivedere manualmente il contrasto dei contenuti del sito e di regolarlo secondo necessità.

Il wizard scansiona la maggior parte dei contenuti del sito. Ciò include le normali pagine del sito e le pagine che fanno parte delle soluzioni business (es. la pagina Calendario in Wix Bookings).
Tuttavia, alcuni contenuti di queste pagine potrebbero richiedere revisioni o correzioni manuali. Inoltre, alcune pagine del sito non vengono scansionate o non sono supportate dal wizard.

Il Wizard accessibilità per l'accessibilità non supporta:

Ti consigliamo di esaminare queste pagine con la nostra checklist per vedere come puoi renderle più accessibili.

Dopo aver usato il Wizard accessibilità, ci sono alcune cose che puoi fare per mantenere il tuo sito accessibile per i visitatori: