# Elementos svg com um 'role' de 'img' tenham um texto alternativo

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

WCAG 1.1.1 Conteúdo Não Textual · Nível A

Uma imagem SVG que transmite informação não tem alternativa em texto.

## O que esta regra verifica
Certifique-se de que elementos svg com um 'role' de 'img', 'graphics-document' ou 'graphics-symbol' tenham um texto acessível.

## Por que isso importa
O critério 1.1.1 da WCAG exige uma alternativa em texto para imagens com significado.

## Como corrigir
### Em qualquer site
1. Adicione aria-label ou um elemento <title> aos SVGs com significado, ou aria-hidden="true" aos puramente decorativos.

### Na Shopify
1. Adicione aria-label ou um elemento <title> aos SVGs com significado, ou aria-hidden="true" aos puramente decorativos.

### No WooCommerce e no WordPress
1. Adicione aria-label ou um elemento <title> aos SVGs com significado, ou aria-hidden="true" aos puramente decorativos.

## Como conferir a correção
- Analise de novo as páginas afetadas.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Entendendo a WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content