Kostenloser Scan

„Ungültige ARIA-Rolle“ in HTML beheben

Warum das ein Problem ist

Eine nicht existierende oder abstrakte Rolle wird ignoriert: Das Element verliert die beabsichtigte Semantik.

So beheben Sie es — HTML

Verwenden Sie eine definierte, nicht abstrakte WAI-ARIA-Rolle – oder besser das native HTML-Element.

Vermeiden
<div role="buton" tabindex="0">Envoyer</div>
<nav role="landmark">…</nav>
Korrekt
<!-- L'élément natif : rôle, focus et clavier inclus -->
<button type="submit">Envoyer</button>
<nav aria-label="Navigation principale">…</nav>

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