Zum Hauptinhalt springen
Konform
GeringBarrierefreiheitgilt je Seite

Inline-Grafiken ohne Namen oder Ausblendung

Findet <svg>-Elemente mit role="img", die weder <title> noch aria-label haben, sowie SVGs, die weder benannt noch mit aria-hidden="true" ausgeblendet sind.

Warum das zählt

Ein unbenanntes SVG wird von manchen Screenreadern als „Grafik“ ohne weitere Information angekündigt. Dekorative Symbole gehören ausgeblendet, informative gehören benannt (WCAG 1.1.1).

So behebst du es

Dekorative Symbole erhalten aria-hidden="true" und focusable="false". Informative Grafiken erhalten role="img" plus <title>.

Problematisch

<svg viewBox="0 0 24 24"><path d="…"/></svg>

So ist es richtig

<svg role="img" aria-hidden="false" focusable="false"><title>Öffnungszeiten</title><path d="…"/></svg>

Einordnung des Schweregrads

Kleinere Abweichung mit begrenzter Wirkung – trotzdem leicht behebbar. Verstöße dieser Kategorie fließen entsprechend stark in die Gesamtbewertung ein.

Ausführliche Anleitungen

Diese Seite beschreibt eine technisch messbare Prüfung und ist keine Rechtsberatung. Für eine verbindliche Bewertung deiner Situation wende dich an eine Rechtsanwältin oder einen Rechtsanwalt.