Певні ARIA-ролі повинні містити відповідні дочірні елементи

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

Як виправити

Деякі ролі вимагають наявності конкретних дочірніх ролей:

• list → listitem
• menu → menuitem, menuitemcheckbox, menuitemradio
• tablist → tab
• tree → treeitem
• grid, table → row

<!-- ❌ Неправильно: tablist без tab -->
<div role="tablist">
  <div>Вкладка 1</div>
</div>

<!-- ✅ Правильно -->
<div role="tablist">
  <button role="tab" aria-selected="true">Вкладка 1</button>
  <button role="tab" aria-selected="false">Вкладка 2</button>
</div>