Elemente mit role="img" ohne Textalternative
Automatisierte Prüfung role-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.
Warum es wichtig ist
Icon-Fonts und CSS-Hintergrundbilder, die als Bild ausgezeichnet sind, werden als „Bild“ ohne Beschreibung angesagt.
So beheben Sie es
Ergänzen Sie am Element mit role="img" ein aria-label oder aria-labelledby – oder blenden Sie rein dekorative mit aria-hidden="true" aus.
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.