# <svg> Elemente mit einer img Rolle sollten einen Alternativtext besitzen

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

WCAG 1.1.1 Nicht-Text-Inhalt · Stufe A

Ein SVG-Bild, das Informationen vermittelt, hat keine Textalternative.

## Was diese Regel prüft
Stellt sicher, dass <svg> Elemente mit einer img, graphics-document oder graphics-symbol Rolle einen zugänglichen Namen (accessible name) besitzen.

## Warum das wichtig ist
WCAG 1.1.1 verlangt eine Textalternative für bedeutungstragende Bilder.

## So beheben Sie es
### Auf jeder Website
1. Ergänzen Sie bei bedeutungstragenden SVGs ein aria-label oder ein Element <title>, bei rein dekorativen aria-hidden="true".

### In Shopify
1. Ergänzen Sie bei bedeutungstragenden SVGs ein aria-label oder ein Element <title>, bei rein dekorativen aria-hidden="true".

### In WooCommerce und WordPress
1. Ergänzen Sie bei bedeutungstragenden SVGs ein aria-label oder ein Element <title>, bei rein dekorativen aria-hidden="true".

## So prüfen Sie die Korrektur
- Scannen Sie die betroffenen Seiten erneut.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Erläuterungen zu WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content