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
- 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.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel svg-img-alt in einem echten Chrome-Browser auf jeder getesteten Seite aus und meldet jedes fehlerhafte Element mit seiner Seite, seinem Markup und, wo zutreffend, einem Screenshot.
Ein automatisierter Test bestätigt, dass genau dieses Problem vorliegt. Ob der Rest der Seite barrierefrei ist, kann er nicht beurteilen: Manche Barrieren zeigen sich erst, wenn ein Mensch die Seite prüft.