Академія
Правило доступності · aria-hidden-focus

Прихований через ARIA елемент не повинен бути фокусованим або містити фокусовані елементи

СерйознийWCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549, RGAA
Впливає на:BlindLow VisionDeafblindMobility

Переконайтеся, що елементи з aria-hidden="true" не містять фокусованих елементів.

Проблема

Якщо прихований елемент може отримати фокус, користувач клавіатури потрапить на «невидимий» елемент, не розуміючи де він.

Як виправити

  • Додайте tabindex="-1" до фокусованих елементів всередині aria-hidden.
  • Або додайте атрибут disabled до інтерактивних елементів.
  • Або використовуйте display: none / visibility: hidden замість aria-hidden.
<!-- ❌ Неправильно: кнопка всередині aria-hidden -->
<div aria-hidden="true">
  <button>Натиснути</button>
</div>

<!-- ✅ Правильно: використовуйте display: none -->
<div style="display: none">
  <button>Натиснути</button>
</div>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

Перевірте свій сайт

Дізнайтеся, чи є це порушення на вашому ресурсі

Безкоштовний аудит