Lettore schermo con uno spazio non interrotto nell'attributo alt

Question

Sto usando un CMS per immagini che per impostazione predefinita non genera attributi alt nei tag immagine a meno che non venga fornito il testo alternativo.

Posso fornire uno spazio vuoto " & Quot; nel tag alt per produrre:

<img src="../.." alt=" "/>

Sarebbe un problema con gli screen reader e l'accessibilità al web?

Answer 1

Se non stai usando un testo alternativo, puoi andare senza l'attributo alt . Non verrà convalidato, ma non cambierà nulla, funzionerà esattamente allo stesso modo. Stai solo soddisfacendo il validatore.

L'uso di uno spazio non dovrebbe portare alcun problema.

Answer 2

Esistono tre modi in cui gli autori HTML possono scrivere testo ALT sulle loro immagini:

1. Senza attributo ALT fornito
2. Con un attributo ALT che non contiene caratteri leggibili
3. Con un attributo ALT che può essere letto

Questi sono gestiti in diversi modi.

Nel caso di un'immagine priva di un attributo ALT, in questo modo:

<img src="fruit.png" width="100" height="100" />

... il comportamento predefinito dello screen reader viene letto ad alta voce l'attributo SRC. Quindi, supponendo che questa immagine fosse ospitata nella cartella images su example.com, lo screen reader avrebbe detto: Graphic: h ttp: //www.example.com/images/fruit. png . Omettere l'attributo ALT è una cattiva pratica, perché i visitatori non vedenti finiscono per guadare tonnellate di irrilevanti incomprensioni.

Nel caso di un'immagine che ha un attributo ALT che non contiene alcuna informazione leggibile, come una di queste due:

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

... il comportamento predefinito è passare silenziosamente quell'immagine. Lo screen reader non può pronunciare uno spazio o una stringa vuota; e così non dice nulla. Questo è il modo corretto per sopprimere l'annuncio di immagini puramente decorative. Si noti, tuttavia, che il più recente sondaggio sull'utilizzo dello screen reader WebAIM ha rilevato che la maggior parte degli utenti non vedenti desidera sapere un'immagine è anche se non trasmette molto a loro . Quindi sii prudente nel sopprimere le immagini con testo alternativo vuoto; usalo solo quando ci sono davvero zero informazioni trasmesse dall'immagine.

Infine, ovviamente, c'è un testo alternativo regolare:

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

In questo caso lo screen reader dirà "Grafica: Foto di mele". Inserire un punto fa mettere in pausa l'utilità per la lettura dello schermo alla fine del testo ALT.

Scegliere un buon testo ALT è importante e può essere difficile. In generale, se l'immagine contiene un'immagine di testo, è necessario riprodurre quel testo (o un'abbreviazione adeguata di esso) nel testo ALT. Se è illustrativo o fotografico, il testo ALT dovrebbe essere una descrizione sintetica del contenuto della foto. Se si tratta di un'immagine complessa come un diagramma, potrebbe essere necessario utilizzare il testo ALT per indirizzare l'utente a una descrizione più completa altrove nella pagina. (L'attributo LONGDESC è stato progettato per questo scopo, ma non è ampiamente supportato dagli screen reader.)

Se la tua immagine è anche un link, è assolutamente essenziale avere un testo ALT sensato; altrimenti i tuoi visitatori non vedenti non avranno idea di cosa faccia il link.

Raccomando di ottenere uno screen reader (come NVDA, che è open source) e testare con esso. Può essere - scusa il cattivo gioco di parole - una rivelazione.

Answer 3

l'unico problema è che il cliente desidera che il sito dichiari che è conforme a XHTML - quindi abbiamo bisogno delle pagine per convalidare :(