no-focusable-in-aria-hidden

aria-hiddenで非表示にされたサブツリー内にフォーカス可能なインタラクティブ要素がある場合に警告します。

先祖のaria-hiddenは、アクセシビリティツリーに沿って探します。template要素の内容は書かれた場所では描画されず、マークアップからはどこに挿入されるか分かりません。そのため、template要素の外にあるaria-hiddenは、その内容の要素には数えません。宣言的シャドウルート(<template shadowrootmode>)の内容はホストの中に描画されるため、ホストとその先祖のaria-hiddenを数えます。

❌ 間違ったコード例

<div aria-hidden="true"><button>click</button></div>

✅ 正しいコード例

<div aria-hidden="true"><span>text</span></div>

Interface

{
  "no-focusable-in-aria-hidden": boolean
}

Default Severity

warning