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