dlitem-parent-valid

説明リストの項目は説明リストの中にある必要があります

automaticWCAG 1.3.1 (A)確度:high重大度:seriousperceivable

<dt>/<dd>要素が、直接または1つの囲む<div>を介して<dl>に含まれていることを確認します。

適用範囲:ページがレンダリングするとおりのフラットツリーで親要素を持つ<dt>/<dd>要素に適用されます。シャドウ内の<dl><slot></slot></dl>にスロットされた<dt>/<dd>はそのリストに含まれ、間にある<slot>は透過して扱います。シャドウホストがスロットしない<dt>/<dd>はレンダリングされないため対象外です。

期待される結果:親が<dl>であるか、親が<div>でその親が<dl>です(作成者がdt/ddの組をまとめる一般的な書き方に合わせ、囲むdivは1階層まで許可されます)。本来の説明リストのコンテナーの外で使われた<dt>/<dd>は、支援技術に用語や定義として公開されません。

検出結果が報告する内容:

  • parentElement:要素の親のタグ名で、<dl>の代わりに要素を含んでいるコンテナーです。

これらのdata.detailsのフィールドは、検出結果を読み解き、再現するのに役立ちます。reasonCodeと、出力スキーマで安定と明記された一部のフィールドを除き、安定した契約ではありません。マイナーリリースで名前が変わったり、なくなったりすることがあるため、これらに依存した実装はしないでください。

例

pass
<dl>
<dt>Term</dt>
<dd>Definition</dd>
</dl>

dtとddはどちらも<dl>の祖先の中にあります。

fail
<div>
<dt>orphan</dt>
</div>

<dt>には<dl>の祖先がまったくありません。

ソースコードを見る