Immagini senza testo alternativo
Cosa significa e perché è importante
I lettori di schermo annunciano queste immagini come «immagine» o leggono il nome del file. Foto prodotto senza alt rendono un negozio inutilizzabile per i clienti ciechi (WCAG 1.1.1).
Come correggere
Aggiungi un breve testo alternativo che descriva la funzione (ad es. nome e colore del prodotto). Le immagini decorative ricevono alt="".
Esempio di codice
Prima
<img src="/img/jacket-blue.jpg">
Dopo
<img src="/img/jacket-blue.jpg" alt="Rain jacket, navy blue, front view">
<img src="/img/divider.svg" alt=""> <!-- decorative -->
Trova questo errore sul tuo sito
Testa gratis qualsiasi pagina — risultati in pochi secondi, con le istruzioni di correzione.