<dl>要素には、適切に順序付けられた<dt>および<dd>グループ、

ルール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 要素の組み合わせの後には一つかそれ以上の dd 要素がなければなりません。記述リストがこれらの仕様にそっていて、以下の例を模倣していることを確認します。

    <dl>
     <dt>Coffee</dt>
      <dd>Black hot drink</dd>
     <dt>Milk</dt>
      <dd>White cold drink</dd>
    </dl>

    なぜ重要なのか

    スクリーン・リーダーは記述リストを特定の方法で読み上げます。そのようなリストが正しくマークアップされていない場合、混乱させるような、あるいは不正確なスクリーン・リーダーの読み上げ内容になる可能性を作ります。

    記述リストというものは、単語やフレーズの定義を提供するために使用されます。記述リストは dl 要素を用いてマークアップされます。リスト内では、各用語は個別の dt 要素内に記述され、その定義は直後の dd 要素内に記述されます。

    ルールの説明

    記述リスト (dl) は適切な順序で並べられた dt および dd のグループ、script あるいは template 要素のみを含まなければなりません。

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

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

    リソース

    その他のリソース

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

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

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

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

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

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