Contentinfoランドマークは別のランドマークに含まれてはいけません。
ルールID:
landmark-contentinfo-is-top-level
ルールセット:
axe-core 4.10
ユーザーへの影響:
ガイドライン:
Deque Best Practice
Accessibility testing for dev teams - No experience required
Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.
Compliance Data & Impact
Disabilities Affected
- 視覚を用いるキーボードユーザー
- 盲目
- 盲ろう者
Standard(s)
- Deque Best Practice
修正方法
ランドマークが contentinfo 別のランドマークに含まれていないことを確認してください。
テキスト コンテンツはランドマーク領域内に含まれる必要があります。フッター情報は通常、ヘッダーおよび本文コンテンツから分離されるため、 role="contentinfo" ARIAランドマークはページで使用される他のランドマークの外側にある要素で使用する必要があります。
なぜ重要なのか
ランドマークを別のランドマーク内に配置すると、視覚障碍のあるスクリーン リーダーのユーザーが適切なランドマークをすばやく見つけて移動できなくなるため、ランドマークの目的が達成されない可能性があります。 contentinfo
スクリーン リーダーのユーザーが、探しているコンテンツ情報がどのランドマークに含まれているかをすぐに判断できないなど、探しているものを見つけるために余分な情報が多すぎると、既存の contentinfo ランドマークの目的が達成されません。
ルールの説明
Contentinfoランドマークは最上位レベルになければなりません。
仕組みについて (簡単に言うと)
このルールは、footer:not([role]) および [role="contentinfo"] セレクターの要素を見つけ、ランドマークにbodyコンテキストがあるかどうかを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: