Compatibilità:

WebSite X5 Evo e Pro dalla v.2025.1

Nell'ambito di una pagina Web, le immagini sono importanti: possono veicolare un contenuto, aiutare a spiegare il testo a cui si accompagnano o semplicemente servire a creare un ambiente bello e confortevole, concorrendo a veicolare sensazioni ed emozioni.


Ma cosa accade quando, per un qualsiasi motivo, l'utente non può vedere le immagini che abbiamo scelto di inserire nelle nostre pagine? L'utente potrebbe non essere in grado di vedere per problemi legati alla vista o, più banalmente, per problemi tecnici legati al caricamento delle immagini stesse.


Il modo per rendere le pagine del tuo sito accessibili è accompagnarle da un'alternativa testuale (o ALT text) che possa essere letta, per esempio, dagli screen reader utilizzati dalle persone non vedenti, o visualizzata dal browser in caso di mancato caricamento della risorsa.


Dal un punto di vista tecnico, inserire un'alternativa testuale è molto semplice:

  • Accedi alla finestra di impostazione dell'Immagine su cu vuoi agire.
  • Nel campo File Immagine che hai utilizzato per importare il file grafico, trovi il pulsante : clicca per richiamare la finestra Accessibilità.
  • Se l'immagine è puramente decorativa non ha bisogno di un'alternativa testuale: in questo caso, però, è corretto che sia identificata anche nel codice HTML delle pagine come un elemento decorativo e che le sia associato un ALT text nullo. Per ottenere questo risultato preoccupati solo di attivare l'opzione Elemento decorativo.
  • Se, invece, l'immagine svolge una funzione all'interno della pagina che non è esclusivamente estetica, assicurati che l'opzione Elemento decorativo NON sia attiva e digita un Titolo e un Testo Alternativo adeguato negli appositi campi.    


#tip - Per approfondire il tema dell'accessibilità, capire quando un'immagine è decorativa e sapere come scrivere correttamente un testo alternativo, vedi Come scrivere il testo alternativo per i contenuti non testuali delle pagine. 


Il pulsante per richiamare la finestra Accessibilità che trovi nel campo File Immagine può avere 2 diversi stati:

  •  - il colore grigio scuro indica che non è ancora stato inserito alcun ALT text: puoi cliccare sul pulsante per inserirlo.
  •  - il colore blu indica che è già stato inserito un ALT text: puoi comunque cliccare sul pulsante per modificarlo.