<dl> 要素は、適切に順序付けられた <dt> および <dd> グループ、 <script>、 <template> または <div> 要素のみを直接含む必要があります
修正方法
定義リストに dt
および dd
要素のみが含まれていることを確認してください。さらに、これらが適切に順序付けられ、 dt
要素の前にある dd
ことを確認するように。
定義リスト項目には、 dl
リストの周囲の要素、 dt
各用語の要素、および dd
各定義の要素が必要とします。各 dt
要素セットの後に1つ以上の dd
要素が続く必要があります。定義リストがこれらの仕様に準拠し、以下の例に似ていることを確認してください。
例
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<div>
<dt>Milk</dt>
<dd>White cold drink</dd>
</div>
</dl>
なぜ重要なのか
スクリーン リーダーには、定義リストを読み上げるための特別な方法があります。このようなリストが適切にマークアップされていない場合、スクリーン リーダーの出力が混乱したり不正確になったりする可能性があります。
定義リストは、単語やフレーズの定義を提供するために使用されます。定義リストは「Definition List」を使用して dl
要素でマークアップされます。リスト内では、各用語は個別の dt
要素に配置され、その定義はその直後の dd
要素に配置されます。
ルールの説明
定義リスト (dl
) には、適切に順序付けられた dt
および dd
グループ、 div
、 script
、または template
要素のみのみを含める必要があります。
仕組みについて (簡単に言うと)
すべての dl
要素が正しく構造化されていることを確認します。