Kostenloser Scan

„role=img-Element ohne Alternative“ in HTML beheben

Warum das ein Problem ist

Mit role="img" und ohne zugänglichen Namen sagt der Screenreader nur „Bild“ an.

So beheben Sie es — HTML

Ergänzen Sie aria-label oder aria-labelledby; ist es dekorativ, entfernen Sie die Rolle und nutzen aria-hidden="true".

Vermeiden
<span class="icon icon-alerte" role="img"></span>
Korrekt
<!-- Image porteuse d'information : un nom -->
<span class="icon icon-alerte" role="img" aria-label="Alerte : régression détectée"></span>

<!-- Icône décorative à côté d'un texte : masquée -->
<span class="icon icon-alerte" aria-hidden="true"></span> Régression détectée

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