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

Значення ARIA-атрибутів повинні бути допустимими

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

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

Як виправити

  • aria-hidden приймає лише "true" або "false".
  • aria-checked приймає "true", "false" або "mixed".
  • aria-valuenow повинен бути числом.
  • aria-labelledby / aria-describedby повинні вказувати на існуючі id.
<!-- ❌ Неправильно: значення не є булевим -->
<div aria-hidden="yes">...</div>

<!-- ✅ Правильно -->
<div aria-hidden="true">...</div>

<!-- ❌ Неправильно: id не існує -->
<input aria-labelledby="nonexistent">

<!-- ✅ Правильно -->
<label id="email-label">Email</label>
<input aria-labelledby="email-label">
Ресурси · Зовнішні посилання
Безкоштовна перевірка

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

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

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