WCAG 2Ernsthaft
Stellen Sie sicher, dass <svg>-Elemente mit der Rolle img, graphics-document oder graphics-symbol einen zugänglichen Text haben
Jedes `<svg>`-Element mit der Rolle `img`, `graphics-document` oder `graphics-symbol` muss eine Textalternative haben.
Warum ist das wichtig?
Wenn einem `<svg>` eine bildähnliche Rolle zugewiesen wird, wird es von assistiven Technologien als Bild behandelt und erfordert eine Textalternative, um zugänglich zu sein. Ohne sie können Screenreader-Benutzer den Inhalt des SVG nicht verstehen.
Lösung
Stellen Sie eine Textalternative für das `<svg>`-Element bereit. Dies kann mit einem `<title>`-Element innerhalb des `<svg>` oder durch Verwendung von `aria-label`- oder `aria-labelledby`-Attributen erfolgen.