Kostenloser Scan

„Fokussierbares Element in aria-hidden“ in HTML beheben

Warum das ein Problem ist

aria-hidden entfernt ein Element aus der Wahrnehmung des Screenreaders, aber nicht aus der Tab-Reihenfolge: Der Fokus landet auf etwas, das nicht angesagt wird.

So beheben Sie es — HTML

Verbergen Sie nie ein fokussierbares Element. Entfernen Sie es auch aus der Tab-Reihenfolge (tabindex="-1" oder inert) oder entfernen Sie aria-hidden.

Vermeiden
<div class="carrousel-slide" aria-hidden="true">
  <a href="/offre">Découvrir l'offre</a>
</div>
Korrekt
<!-- Diapositive inactive : masquée ET hors du parcours clavier -->
<div class="carrousel-slide" aria-hidden="true" inert>
  <a href="/offre">Découvrir l'offre</a>
</div>

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