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

ARIA-атрибути повинні використовуватися відповідно до специфікації ролі елемента

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

Переконайтеся, що ARIA-атрибути використовуються відповідно до стану та властивостей елемента.

Як виправити

  • Перевірте, що умовні атрибути (напр. aria-checked, aria-expanded) відповідають ролі елемента.
  • Не додавайте aria-checked елементам, які не є чекбоксами чи перемикачами.
<!-- ✅ Правильно: aria-expanded на кнопці -->
<button aria-expanded="false" aria-controls="menu">Меню</button>
<div id="menu" hidden>...</div>

<!-- ✅ Правильно: aria-checked на чекбоксі -->
<div role="checkbox" aria-checked="true" tabindex="0">Запам'ятати</div>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

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

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

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