Kostenloser Scan

„SVG-Grafik ohne Textalternative“ in HTML beheben

Warum das ein Problem ist

Ein <svg role="img"> ohne <title> oder aria-label wird als namenloses Bild angesagt.

So beheben Sie es — HTML

Ergänzen Sie ein per aria-labelledby verknüpftes <title> oder aria-label; dekorative SVG erhalten aria-hidden="true".

Vermeiden
<svg role="img" viewBox="0 0 24 24">
  <path d="…"/>
</svg>
Korrekt
<svg role="img" viewBox="0 0 24 24" aria-labelledby="logo-titre">
  <title id="logo-titre">Conformly</title>
  <path d="…"/>
</svg>

<!-- Décoratif : -->
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="…"/></svg>

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen