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

<https://www.fixreports.com/it/issues/svg-img-alt>

WCAG 1.1.1 Non-text Content · Livello A

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
### Su qualsiasi sito web
1. Aggiungi aria-label o un elemento <title> agli SVG significativi, oppure aria-hidden="true" a quelli puramente decorativi.

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

### Su WooCommerce e WordPress
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.

## Fonti
- Documentazione della regola axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Comprendere il criterio WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content
