Immagini accessibili e SEO: scegliere alt nel contesto

In sintesi

L’alternativa testuale comunica informazioni o un’azione utile. La stessa immagine può richiedere parole diverse, oppure alt vuoto, secondo il ruolo.

Archivio di intelligence vuoto con dossier e mappe Illustrazione · scena fittizia
In questo articolo

Classificare prima di descrivere

Il contesto conta più di ogni dettaglio visibile. Alt vuoto non equivale a omettere l’attributo. Dati e relazioni di un grafico devono essere disponibili anche in testo o tabella.

RuoloAlternativaComplemento
Decorazione ridondantealt=""Il testo vicino è sufficiente.
Informazione sempliceBreve descrizione contestualeEvitare parole chiave estranee.
Collegamento solo immagineDestinazione o azioneNome comprensibile del link.
Grafico complessoTema e messaggio principaleDati e relazioni in testo.

Verificare l’uso reale

  • Per un collegamento composto solo da un’immagine, indica destinazione o azione. Evita ripetizioni se il testo del link basta.
  • Non affidare istruzioni essenziali soltanto a title: tastiera, tocco e tecnologie assistive non ne garantiscono l’accesso.
  • Controlla lingue e percorso senza immagini. Ottimizza dimensioni e caricamento senza ritardare automaticamente il visual principale.

Collegare visibilità e diritti

Nome del file e markup non garantiscono indicizzazione o posizione. Dichiara una licenza solo dopo aver verificato i diritti e mantieni i crediti richiesti. Identifica le illustrazioni sintetiche senza presentarle come prove documentali.

Fonti primarie

Il testo alternativo dipende dall'utilizzo dell'immagine.

Un testo alternativo descrittivo non è automaticamente la scelta migliore. Gli elementi decorativi ridondanti possono avere un testo alternativo vuoto; un'immagine collegata dovrebbe comunicare la sua destinazione; anche un grafico complesso necessita di una descrizione dettagliata. Rivedi l'immagine nel suo contesto effettivo sulla pagina.

  • Classifica decorazione, informazione e funzione prima di scrivere.
  • Inserisci le relazioni tra i diagrammi nel testo adiacente o in una tabella.
  • Evita elenchi di parole chiave e la descrizione di scene di fantasia come se fossero prove reali.

Fonte primaria: W3C WAI — An alt Decision Tree. Metodo correlato: consultare la guida pratica.