# Los elementos <svg> con un rol img o image deben tener texto alternativo

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

WCAG 1.1.1 Contenido no textual · Nivel A

Una imagen SVG que transmite información no tiene texto alternativo.

## Qué revisa esta regla
Garantiza que los elementos <svg> con un rol img, image, graphics-document o graphics-symbol tienen un texto accesible.

## Por qué es importante
WCAG 1.1.1 exige un texto alternativo para las imágenes con significado.

## Cómo corregirlo
### En cualquier sitio web
1. Agrega aria-label o un elemento <title> a los SVG con significado, o aria-hidden="true" a los que son solo decorativos.

### En Shopify
1. Agrega aria-label o un elemento <title> a los SVG con significado, o aria-hidden="true" a los que son solo decorativos.

### En WooCommerce y WordPress
1. Agrega aria-label o un elemento <title> a los SVG con significado, o aria-hidden="true" a los que son solo decorativos.

## Cómo comprobar la corrección
- Vuelve a analizar las páginas afectadas.

## Fuentes
- Documentación de la regla de axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Comprender WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content