Contentinfoランドマークを別のランドマークに含めることはできません
ルールID:
landmark-contentinfo-is-top-level
ルールセット:
axe-core 4.10
ユーザーへの影響:
普通
ガイドライン:
Deque Best Practice
Start building more accessible experiences
Axe DevTools Pro helps dev teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.
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 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: