require-parent-role

明示的なロールを持つ要素が必須の親コンテキストの外に配置された場合に警告します。

親は、アクセシビリティツリーに沿って探します。template要素の内容は書かれた場所では描画されず、マークアップからはどこに挿入されるか分かりません。そのため、内容の先頭にある要素には判断する親がなく、警告しません。宣言的シャドウルート(<template shadowrootmode>)の内容の先頭の要素はホストの中に描画されるため、親はホストです。

❌ 間違ったコード例

<div role="option">item</div>

✅ 正しいコード例

<div role="listbox"><div role="option">item</div></div>

Interface

{
  "require-parent-role": boolean
}

Default Severity

error