Скрито съдържание получава фокус

Съобщение в axe и Lighthouse: ARIA hidden element must not be focusable or contain focusable elements · aria-hidden-focus · WCAG 4.1.2

Какво означава и защо е важно

Потребителите на клавиатура стигат до елементи, които екранният четец не вижда, и губят ориентация (WCAG 4.1.2).

Как да поправите

Премахнете фокусируемите елементи от областите с aria-hidden или добавете tabindex="-1" / inert.

Пример за код

Преди

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

След

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

Всички грешки в достъпността