Free scan

Fix "Focusable element hidden by aria-hidden" in HTML

Why it's a problem

aria-hidden removes an element from what a screen reader perceives, but not from the keyboard order. Tabbing therefore lands on something the user can neither hear announced nor identify: a silent hole in navigation.

How to fix it — HTML

Never hide an element that remains focusable. If the content must truly disappear, also remove it from the keyboard order (tabindex="-1" on each focusable element, or the inert attribute on the container). If it must stay usable, remove aria-hidden.

Avoid
<div class="carrousel-slide" aria-hidden="true">
  <a href="/offre">Découvrir l'offre</a>
</div>
Correct
<!-- 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>

Check your site in 30 seconds

Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.

Free scan

Other fixes