require-owned-elements

ロールが必要とする子ロールを含んでいない場合に警告します。

所有要素は、アクセシビリティツリーに沿って探します。template要素の内容は書かれた場所では描画されないため、所有要素になりません。宣言的シャドウルート(<template shadowrootmode>)のホストは、シャドウルートの要素を所有します。シャドウルートはライトDOMの子の代わりに描画されます。そのシャドウルートのslotは、名前(slot属性)で割り当てられたライトDOMの子、割り当てがなければ自身の子を描画し、それらはslotの位置に書かれたものとして所有されます。どのslotにも割り当てられないライトDOMの子は描画されません。割り当てが分からないとき(シャドウルートの外のslot、フレームワークのコンポーネントのslot、手動の割り当て、ライトDOMの子にテンプレート構文があるとき)は、警告しません。

❌ 間違ったコード例

<div role="list"><div>not a listitem</div></div>

✅ 正しいコード例

<div role="list"><div role="listitem">item</div></div>

Interface

{
  "require-owned-elements": boolean
}

Default Severity

error