Академія
Правило доступності · 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>Ресурси · Зовнішні посилання
Безкоштовна перевірка
Перевірте свій сайт
Дізнайтеся, чи є це порушення на вашому ресурсі
Безкоштовний аудит