tab-requires-tabpanel

アクティブなtabロールの要素（aria-selected="true"）に対応するtabpanelロールの要素がない場合に警告します。

対応関係は、タブ側のaria-controls（tabpanelを指す）、またはtabpanel側のaria-labelledby（タブのidを指す）のいずれかで解決されます。

❌ 間違ったコード例

<div role="tablist">
  <button role="tab" aria-selected="true">Tab</button>
</div>

✅ 正しいコード例

<div role="tablist">
  <button role="tab" aria-selected="true" aria-controls="panel">Tab</button>
</div>
<div id="panel" role="tabpanel">Content</div>

Interface

{
  "tab-requires-tabpanel": boolean
}

Default Severity

error