WCAG 1.1.1 · Livello A

Gli elementi <svg> con un ruolo img devono avere un testo alternativo

Un’immagine SVG che trasmette informazioni non ha un’alternativa testuale.

Cosa controlla questa regola

Assicurati che gli elementi <svg> con un ruolo img, graphics-document o graphics-symbol abbiano un testo accessibile.

Perché è importante

Il criterio WCAG 1.1.1 richiede un’alternativa testuale per le immagini significative.

Come correggerlo

  1. Aggiungi aria-label o un elemento <title> agli SVG significativi, oppure aria-hidden="true" a quelli puramente decorativi.

Come verificare la correzione

  • Esegui di nuovo la scansione delle pagine interessate.

Come lo rileva FixReports

La nostra scansione esegue la regola axe-core svg-img-alt in un vero browser Chrome su ogni pagina che testa, e segnala ogni elemento non conforme con la sua pagina, il suo markup e, dove applicabile, uno screenshot.

Un test automatico conferma che questo specifico problema è presente. Non può dire se il resto della pagina è accessibile: alcune barriere emergono solo quando una persona controlla la pagina.

Analizza il tuo sito oggi stesso

Trova. Correggi. Verifica.

Che tipo di sito è?

La tua risposta sceglie i controlli giusti, come il percorso d’acquisto per i negozi online. Controlliamo comunque gli indizi del sito stesso e mostriamo entrambi.

Che tipo di sito è?

Scansione gratuita. Nessuna carta di credito richiesta.