Hidden content can still receive focus

Message shown by axe and Lighthouse: ARIA hidden element must not be focusable or contain focusable elements · aria-hidden-focus · WCAG 4.1.2

What it means and why it matters

Keyboard users land on elements that screen readers can't see — they get lost (WCAG 4.1.2).

How to fix it

Remove focusable elements from aria-hidden regions or add tabindex="-1" / inert.

Code example

Before

<div aria-hidden="true">
  <a href="/sale">Sale</a>
</div>

After

<div aria-hidden="true" inert>
  <a href="/sale">Sale</a>
</div>

All accessibility errors