# <svg>-elementen met de rol img of image moeten een tekstalternatief hebben

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

WCAG 1.1.1 Niet-tekstuele content · Niveau A

Een SVG-afbeelding die informatie overbrengt, heeft geen tekstalternatief.

## Wat deze regel controleert
Zorg dat <svg>-elementen met de rol img, image, graphics-document of graphics-symbol toegankelijke tekst hebben.

## Waarom het belangrijk is
WCAG 1.1.1 vraagt een tekstalternatief voor betekenisvolle afbeeldingen.

## Zo los je het op
### Op elke website
1. Voeg aria-label of een <title>-element toe aan betekenisvolle SVG’s, of aria-hidden="true" aan puur decoratieve.

### In Shopify
1. Voeg aria-label of een <title>-element toe aan betekenisvolle SVG’s, of aria-hidden="true" aan puur decoratieve.

### In WooCommerce en WordPress
1. Voeg aria-label of een <title>-element toe aan betekenisvolle SVG’s, of aria-hidden="true" aan puur decoratieve.

## Zo controleer je de oplossing
- Scan de betrokken pagina’s opnieuw.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Uitleg bij WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content