Scrivere un testo alternativo che descriva la funzione dell'immagine anziché il suo contenuto.

In che modo il testo alternativo descrive la funzione di un'immagine anziché limitarsi a mostrarne i dettagli visibili?

Il testo alternativo sostituisce precisamente le informazioni o l'azione che andrebbero perse nel contesto attuale se l'immagine non fosse presente. Non ripete la didascalia o il testo del link visibile; le immagini decorative rimangono vuote, mentre le immagini funzionali indicano l'obiettivo o l'azione.

Vuoto intenzionale

Nessuna ridondanza

1. Per ogni immagine, determinare innanzitutto se contribuisce con informazioni, azione, atmosfera o se è puramente decorativa.

2. Formulare le informazioni contestuali mancanti in una frase concisa o, nel caso di pura decorazione, lasciare deliberatamente vuoto il testo alternativo.

3. Rivedere la pagina senza immagini o in output lineare per screen reader e correggere le informazioni ridondanti o mancanti.

Esempio di implementazione: "Inventario dei motivi"

Un diagramma mostra che il tasso di errore aumenta dopo un rilascio, mentre la didascalia dell'immagine menziona solo il periodo di tempo e la fonte. Il testo alternativo descrive questo messaggio chiave anziché utilizzare colori e linee. L'icona a freccia adiacente riceve un attributo alt vuoto perché il testo del link "Scarica il report" descrive già completamente l'azione.

Inventario dei motivi

• Inventario dei motivi – Il testo elenca gli oggetti visibili, anche se l'immagine, nel contesto, spiega un processo, un risultato o un'azione.

• Testo SEO nell'attributo alt – Parole chiave e rivendicazioni di brand allungano l'output senza sostituire le informazioni mancanti dell'immagine.

• Nome funzione vuoto – Un'icona collegata è considerata decorativa e pertanto non specifica la funzione o l'azione del controllo.

Informazioni di sostituzione contestuale

• Vuoto intenzionale – Le immagini puramente decorative hanno un testo alternativo vuoto e pertanto non vengono visualizzate nell'output delle tecnologie assistive relative al contenuto.

Quali domande sulla "scrittura del testo alternativo in base alla funzione dell'immagine" attivano ulteriori verifiche?

Una domanda di approfondimento pertinente con relativa risposta Ridurre movimenti e animazioni per utenti sensibili"Come vengono ridotti in modo sicuro i movimenti e le animazioni per gli utenti sensibili? "

Un secondo link per "scrivere il testo alternativo in base alla funzione dell'immagine" conduce a: Scrivere contenuti per i sistemi di recupero senza che sembrino linguaggio macchinaQuesto contributo rimane focalizzato sulla domanda: "Come si può rendere un contenuto chiaro per il recupero senza che risulti innaturale per le macchine? "

Se si desidera implementare concretamente "scrivere il testo alternativo in base alla funzione dell'immagine", è possibile fare riferimento a: Sistemi web robusti Questo documento si concentra su "Etichette, lingua e alternative di contenuto" e "informazioni contestuali di sostituzione".

Conclusione: Scrivere il testo alternativo in base alla funzione dell'immagine

Un buon testo alternativo sostituisce il ruolo dell'immagine all'interno del contenuto specifico, non il suo intero aspetto. Gli elementi decorativi possono rimanere invariati, mentre le immagini funzionali e informative richiedono informazioni di sostituzione precise.

Fonti e ulteriori informazioni

Le seguenti fonti documentano le linee guida tecniche e metodologiche utilizzate per "scrivere il testo alternativo in base alla funzione dell'immagine".

• Linee guida per l'accessibilità dei contenuti web (WCAG) 2.2 – W3CRaccomandazione del W3C con criteri per alternative testuali, lingua delle parti, scopo dei link, etichette e identificazione degli errori.

• Controlli di etichettatura – Iniziativa per l'accessibilità web del W3CGuida ufficiale sulle etichette visibili e collegate programmaticamente per vari controlli dei moduli.