Accessibilità: preparare immagini e gallerie

Tempo di lettura: 6 min.
I visitatori con disabilità visive possono utilizzare tecnologie assistive come gli screen reader per navigare nel tuo sito. Aggiungi descrizioni alle tue immagini e gallerie utilizzando il testo alternativo per renderle accessibili a questi visitatori.
Il testo alternativo fornisce informazioni sui tuoi contenuti multimediali e aiuta i motori di ricerca e gli screen reader a "leggerli".
In questo articolo, scopri di più su:

Aggiungere il testo alternativo

L'alt text garantisce che i visitatori che utilizzano gli screen reader possano accedere e comprendere il contenuto del tuo sito, quindi ti consigliamo di aggiungerlo a tutte le immagini pertinenti, inclusi i contenuti multimediali che appaiono in app come Wix Stores, Wix Bookings, ecc.  
Aggiungi l'alt text a immagini e gallerie nel tuo creatore di siti (Editor Wix ed Editor Studio). Se usi l'Editor Wix, puoi anche aggiungere un alt text nel Wizard accessibilità.
Wizard acc.
Editor Studio
Editor Wix
Usa la procedura guidata del Wizard accessibilità per aggiungere alt text alle immagini del sito e alle immagini che appaiono nelle tue app Wix Stores e Bookings.

Per aggiungere alt text alle immagini del sito:

  1. Clicca su Impostazioni nel menu in alto dell'Editor
  2. Seleziona Wizard accessibilità
  3. Clicca su Scansiona il mio sito
  4. Seleziona le schede intitolate Testo alternativo
  5. Inserisci la descrizione dell'immagine nel campo Che cosa contiene l'immagine?
  6. Clicca su Configura testo alternativo
Il Wizard accessibilità. Il campo di alt text di un'immagine è stato compilato. Il cursore sta cliccando su

Per aggiungere alt text alle immagini dell'app:

  1. Clicca su Impostazioni nel menu in alto dell'Editor
  2. Seleziona Wizard accessibilità
  3. Clicca su Scansiona il mio sito
  4. Seleziona il menu a tendina di Wix Stores o Wix Bookings
  5. Seleziona le schede intitolate Testo alternativo
  6. (Solo per Wix Stores) Seleziona ogni immagine del prodotto o immagine della variante del prodotto
  7. Inserisci la descrizione dell'immagine nel campo Che cosa contiene l'immagine?
  8. Clicca su Configura testo alternativo
  9. Clicca su Fatto

Il campo dell'alt text per l'immagine di un prodotto Stores è stato compilato. Sono evidenziati i tasti Imposta testo alternativo e Fatto
Suggerimento:
Assicurati di pubblicare il sito in modo che l'alt text sia online.
Nota:
Al momento non è possibile aggiungere alt text alle immagini e alle gallerie in blocco. Se desideri avere accesso a questa funzionalità in futuro, puoi votarla qui.

Contrassegnare le immagini come decorative

Le immagini decorative non contribuiscono al contenuto del tuo sito, in quanto hanno solo scopo estetico o decorativo.
Se un'immagine sul tuo sito è decorativa e non è rilevante per il contesto del tuo sito, non è necessario aggiungere del testo alternativo. Puoi contrassegnare un'immagine come "decorativa" nel Wizard accessibilità per assicurarti che i motori di ricerca e gli screen reader la saltino automaticamente.

Per contrassegnare un'immagine come decorativa:

  1. Clicca su Impostazioni nella parte superiore dell'Editor
  2. Clicca su Wizard accessibilità
  3. Clicca su Scansiona il mio sito
  4. Clicca sulla scheda Testo alternativo per l'immagine pertinente
  5. Seleziona la casella di spunta L'immagine è decorativa e non ha bisogno di una descrizione
Screenshot che mostra l'opzione dell'immagine decorativa selezionata nella procedura guidata del Wizard accessibilità
Nota:
Puoi contrassegnare le immagini come decorative solo se non hanno già un testo alternativo. Per contrassegnare un'immagine con testo alternativo come decorativa, rimuovi il testo alternativo dall'Editor, quindi scansiona di nuovo il tuo sito con la procedura guidata del Wizard accessibilità.

Testo nelle immagini

Questo si riferisce a immagini che contengono immagini o testo aggiunto.
Il testo nelle immagini non può essere "letto" dai motori di ricerca o dagli screen reader. Tuttavia, se l'immagine è necessaria e il testo ha un contesto rispetto al sito, è possibile aggiungerla alla descrizione dell'immagine.
Se il testo non ha contesto o non contribuisce al contenuto del sito, non è necessario aggiungerlo alla descrizione dell'immagine.
Seleziona un'opzione qui sotto per saperne di più sul testo dell'immagine da aggiungere o da non aggiungere alla descrizione dell'immagine.

Immagini di testo

Le immagini di testo contengono solo testo e nessun altro elemento nella foto. Alcuni esempi di questo includono immagini di caratteri o loghi che contengono solo testo.
Poiché non sono elementi di testo "reali", le immagini del testo non possono essere lette dai motori di ricerca o dagli screen reader. Ti consigliamo di evitarli ove possibile e di sostituirli con elementi di testo reali per migliorare la SEO e l'accessibilità del tuo sito. 
Prossimo passo:
Torna alla Lista di cose da fare per l'accessibilità per continuare a migliorare il tuo sito per l'accessibilità.

Hai trovato utile questo articolo?

|