補完的なランドマークおよび/または傍白はトップレベルです
ルールID:
landmark-complementary-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
修正方法
このベストプラクティスルールは aside 要素または role=complementary のついた要素が他の ARIA ランドマーク内の一部になっていないことを確認します。ランドマークをネストすると、わかりづらいドキュメント構造になります。このルールは、banner, contentinfo, そして main ロールと同じ ARIA の要件をテストする既存のルールと類似しています。
例
次の例は complementary ランドマークがトップレベルに存在するルールに失敗します:
<main>
<p>Some text</p>
<aside><p>An aside</p></aside>
</main>次の例は complementary ランドマークがトップレベルに存在するルールに合格します:
<main><p>Some text</p></main>
<aside>An aside</aside>なぜ重要なのか
complementary コンテンツはドキュメントまたはページの主題に対する補助的なコンテンツです。スクリーン・リーダーのユーザーは、補助的なコンテンツがアクセシビリティ API のトップレベルに現れた場合、スキップする選択肢があります。<aside> 要素を他のランドマークに埋め込むことは、ユーザーが補助的なコンテンツを通過することを可能にするスクリーン・リーダーの機能を無効にする可能性があります。
ルールの説明
complementary ランドマークまたは aside がトップレベルに存在することを確認します。
仕組みについて (簡単に言うと)
<aside> 要素または role="complementary" を含む要素をランドマークとしてマークアップされた他のコンテンツの中に含まないようにします。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: