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

Обов'язкові ARIA-атрибути повинні бути вказані

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

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

Як виправити

  • Кожна ARIA-роль вимагає певних атрибутів. Наприклад, role="checkbox" вимагає aria-checked.
  • Перевірте специфікацію WAI-ARIA для списку обов'язкових атрибутів.
<!-- ❌ Неправильно: немає aria-checked -->
<div role="checkbox" tabindex="0">Погоджуюсь</div>

<!-- ✅ Правильно -->
<div role="checkbox" aria-checked="false" tabindex="0">Погоджуюсь</div>

<!-- ❌ Неправильно: slider без aria-valuenow -->
<div role="slider"></div>

<!-- ✅ Правильно -->
<div role="slider" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

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

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

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