Zum Inhalt springen

Grafik ohne Alternativtext (SVG oder role="img")

SchwerwiegendWCAG-Kriterium 1.1.1BFSG-relevant

Was ist das Problem?

Eine als Grafik ausgezeichnete Fläche (SVG oder role="img") hat keinen Alternativtext. Screenreader übergehen sie oder lesen technische Details vor — Logos, Icons oder Diagramme bleiben unverständlich.

Warum ist das relevant?

WCAG 2.1 Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt, Stufe A) verlangt Textalternativen auch für SVG-Grafiken und Elemente mit Grafik-Rolle. Relevant für die BFSG-Bewertung.

So behebst du es

Beschrifte Grafiken: Bei Inline-SVGs ein <title>-Element als erstes Kind plus role="img" am <svg>, oder aria-label direkt am Element mit role="img". Rein dekorative SVGs bekommen aria-hidden="true".

Ist deine Website betroffen?

Der kostenlose Schnell-Check prüft bis zu 5 Seiten in wenigen Minuten — ohne Registrierung.

Kostenlosen Schnell-Check starten

Verwandte Regeln

Alle Regeln