SVG-Grafiken ohne zugänglichen Namen
Automatisierte Prüfung svg-img-alt, ausgeführt mit axe-core
- WCAG
- 1.1.1 Nicht-Text-Inhalt (Stufe A)
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Schnell erledigt, unter 1 Stunde
- Kategorie
- Inhalte
Wen das betrifft
Screenreader-Nutzer. Inline-SVG-Symbole sind auf modernen Websites allgegenwärtig und standardmäßig stumm.
Warum es wichtig ist
Schaltflächen, die nur aus einem SVG-Symbol bestehen, werden gar nicht angesagt – Nutzer können nicht erkennen, was das Bedienelement tut.
So beheben Sie es
Geben Sie dem <svg> role="img" und ein <title>-Element oder ein aria-label. Dekorative SVGs erhalten aria-hidden="true".
Prüfen Sie Ihre eigene Website
Der kostenlose Check prüft 3 Seiten nach WCAG 2.2 (Stufen A und AA) in etwa 30 Sekunden. Ohne Anmeldung.