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

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

Як виправити

Деякі ролі повинні бути вкладені в конкретні батьківські ролі:

• listitem → всередині list
• tab → всередині tablist
• menuitem → всередині menu або menubar
• treeitem → всередині tree або group

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

<!-- ✅ Правильно -->
<div role="tablist">
  <div role="tab">Вкладка</div>
</div>