<dl> 要素は、適切に順序付けられた <dt> および <dd> グループ、 <script>、 <template> または <div> 要素のみを直接含む必要があります

ルールID: definition-list
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), EN 301 549

Need accessibility training?

Deque University offers an extensive curriculum of self-guided online courses for every skillset and experience level.

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 盲目
  • 盲ろう者

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (A)]

  • 1.3.1: Info and Relationships

WCAG 達成基準 [WCAG 2.0 (A)]

  • 1.3.1: Info and Relationships

WCAG 達成基準 [WCAG 2.2 (A)]

  • 1.3.1: Info and Relationships

    修正方法

    定義リストに 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 グループ、 divscript、または template 要素のみのみを含める必要があります。

    仕組みについて (簡単に言うと)

    すべての dl 要素が正しく構造化されていることを確認します。

    リソース

    その他のリソース

    その他リソースもあわせてご参照ください。

    axe 4.10 ルールの一覧 を参照する

    この情報は役に立ちましたか?

    すでにフィードバックをいただきました、ありがとうございます。.

    あなたの回答は次のとおりです。

    この情報は役に立ちましたか?
    フィードバックが提出された日付/時刻: