Best practice per l'attributo alt dell'immagine

Question

Qual è esattamente l'uso previsto dell'attributo alt sui <img> tag?

Dovrebbe descrivere l'immagine o dovrebbe fornire un testo sostitutivo significativo per gli screen reader (e le persone che hanno le immagini disattivate)?

Ad esempio, se ho una breve biografia di una persona sul mio sito Web e includo una piccola foto di loro, è davvero significativo per gli utenti ipovedenti avere " Foto di John Smith " ; leggere a loro?

Answer 1

La specifica HTML 5 ha un sezione enorme su questo.

Fondamentalmente, l'attributo alt dovrebbe essere quello che sarebbe lì come testo se non avessi usato un'immagine. Se la tua immagine è puramente decorativa, puoi utilizzare alt="". Una descrizione va nell'attributo title.

Answer 2

Penso che l'idea sia quella di usare il testo alternativo per comunicare le stesse informazioni che era previsto con l'immagine. Questo dipende da quale sia l'immagine.

Gli elementi di navigazione sono forse meglio descritti dalla loro funzione (" pagina successiva " ;, " back ") rispetto al loro aspetto (" freccia destra < !> quot;).

La foto di John Smith potrebbe essere sostituita con una descrizione di John Smith o una descrizione dell'evento che si sta svolgendo, ecc.

Answer 3

Da w3.org :

Sebbene il testo alternativo possa essere molto utile, deve essere gestito con cura. Gli autori dovrebbero osservare le seguenti linee guida:

• Non specificare un testo alternativo irrilevante quando si includono immagini destinate a formattare una pagina, ad esempio alt = " sfera rossa " sarebbe inappropriato per un'immagine che aggiunge una pallina rossa per decorare un'intestazione o un paragrafo. In tali casi, il testo alternativo dovrebbe essere la stringa vuota (& Quot; & Quot;). Si consiglia in ogni caso agli autori di evitare l'uso delle immagini per formattare le pagine; si dovrebbero usare invece i fogli di stile.
• Non specificare un testo alternativo senza significato (ad es. " testo fittizio "). Questo non solo frustrerà gli utenti, ma rallenterà anche gli agenti utenti che devono convertire l'output da testo a voce o braille.

Answer 4

Fornisce " alternate " testo se non è stato possibile caricare l'immagine per qualche motivo. Nel tuo esempio direi di sì che sarebbe appropriato.

Answer 5

Il " alt " L'attributo è una rappresentazione alternativa (testuale) della semantica dell'immagine. Questo non è solo usato per immagini che non possono essere caricate: è anche usato per gli screen reader o per i browser di solo testo.

Nel tuo caso particolare, incluso il tipo di testo alternativo dipende dal fatto che pensi sia importante notare che la pagina contiene o meno un'immagine della persona. Se si tratta di un elemento puramente visivo, potresti non desiderare alcun testo alternativo. Se viene utilizzato anche come link di qualche tipo, probabilmente fai desideri un testo alternativo in modo che una persona che utilizza uno screen reader abbia qualche indizio su cosa potrebbe fare seguendo il link.

Answer 6

il primo colpo su Google per questa [img alt accessibility] dà Considera l'aspetto o il suono della pagina quando le immagini non vengono visualizzate. Quindi, scrivi per ogni immagine un testo alternativo che funzioni meglio come rimpiazzo ( Linee guida per i testi alternativi negli elementi img )

Answer 7

Dovrebbe essere tutto ciò che aiuta l'utente se l'immagine non viene visualizzata.

Tra " feature " di quando passi con il mouse sopra un'immagine in IE e la descrizione comandi mostra che ALT non è il comportamento corretto di ALT. Il titolo dovrebbe essere usato per questo.

Answer 8

Descrivi brevemente l'immagine, come se stessi parlando con un cieco. Abbastanza semplice.

Sono sicuro che questo valore di attributi sia utilizzato da Google per indicizzare le ricerche di immagini.

Answer 9

  

se ho una breve biografia di a   persona sul mio sito Web e includi a   piccola foto di loro, è davvero   significativo per gli utenti ipovedenti   avere " Foto di John Smith " leggere ad alta voce   a loro?

Se non hai quel testo alternativo, cosa pensi che supporranno che sia? " Foto di John Smith e sua moglie " ;? " Foto di John Smith che accetta il suo Oscar " ;? " Foto di John Smith che assassina JFK " ;? " Foto di John Smith che giace morto nel suo patio dopo essere stato assassinato dal suo elefante domestico " ;?

Se è una foto di John Smith, sì, dillo. Se è qualcos'altro, dillo.

Answer 10

L'attributo

Alt viene utilizzato con il tag img .

Alt significa Alternativo

È usato per una breve descrizione dell'immagine.

Viene visualizzato sullo schermo nel caso in cui il browser non sia in grado di caricare l'immagine

Fai clic per saperne di più