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

aria-hidden="true" не повинен бути присутнім на тілі документа

КритичнийWCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), EN 301 549, RGAA
Впливає на:Blind

Атрибут aria-hidden="true" не повинен бути присутній на елементі <body>.

Проблема

Якщо <body> має aria-hidden="true", весь вміст сторінки стає невидимим для допоміжних технологій.

Як виправити

  • Видаліть aria-hidden="true" з елемента <body>.
  • Якщо потрібно приховати контент (напр. за модальним вікном), додавайте aria-hidden до конкретних контейнерів, а не до <body>.
<!-- ❌ Неправильно -->
<body aria-hidden="true">...</body>

<!-- ✅ Правильно: ховаємо фон за модальним вікном -->
<div id="main-content" aria-hidden="true">...</div>
<div role="dialog" aria-modal="true">...</div>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

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

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

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