<li> 要素は <ul> または <ol>内に含まれている必要があります。
Start building more accessible experiences
Compliance Data & Impact
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
修正方法
すべてのリスト項目 li 要素が ul または ol 親要素内にラップされていることを確認してください。
リスト項目は、順序なし (箇条書き) リストまたは順序付き (連番) リストのいずれかに含めることができます。
スクリーン リーダーは、ユーザーがリストに到達すると通知し、リスト内の項目の数を伝えます。リスト項目の数と現在のリスト項目をアナウンスすると、リスナーは自分が何を聴いているのか、また、聴いているときに何を期待できるのかを知ることができます。子リスト項目要素は適切な親リスト要素内に含まれている必要があり、これによりスクリーン リーダーはリスナーにリストを聞いていることを通知できます。
悪い例
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>良い例
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>なぜ重要なのか
リストが有効であるためには、親要素と子要素の両方が必要です。親要素は、 ul 特定のタグのセット、または ol 特定のタグのセットのいずれかになります。子要素は、 li 特定のタグを使用してこれらのタグ内で宣言する必要があります。
スクリーン リーダーは、ユーザーがリストに到達すると通知し、リスト内の項目の数を伝えます。リスト内の項目数と現在のリスト項目をアナウンスすると、リスナーは自分が何を聴いているのか、また、聴いているときに何を期待できるのかを知ることができます。
階層内で適切なセマンティック マークアップを使用してリストをマークアップしないと、親がリストの存在とリストの種類を示していない場合、リスト項目はリスナーにリストをリッスンしていることを通知できません。
ルールの説明
すべてのリスト項目 (li) は、 ul 特定の用語または ol 特定の用語親要素内に含まれている必要があります。
仕組みについて (簡単に言うと)
li 要素が意味的に使用されるようにします。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: