バナーランドマークを別のランドマークに含めることはできません

ルールID: landmark-banner-is-top-level
ルールセット: axe-core 4.10
ユーザーへの影響: 普通
ガイドライン: Deque Best Practice
 

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)

  • Deque Best Practice

    修正方法

    各 banner ランドマークが他のランドマーク内に含まれていないことを確認しましょう。

    たとえ HTML5 が同等の <header> ランドマークの複数インスタンスを許可している場合でも、ページ内の role="banner" ARIA ランドマークを使用している各要素が他の ARIA ランドマークに含まれていないことを確認します。ほとんどの web デザインでは、ARIA あるいは HTML5 のどちらを使用しているかに関わらず、これらのランドマークをそれぞれ一つずつ持つこと、さらにそれらが一つかそれ以上のランドマーク内でネストされていないことが適切です。

    なぜ重要なのか

    banner ランドマークが最上位のランドマークではない (かつ他のランドマークに含まれている) 場合、デザインのレイアウトに含まれる定義されたヘッダーを効果的に指定しないため、スクリーン・リーダーのユーザーが簡単にレイアウトを操作することを阻みます。

    注記

    ランドマークはページのデザインとレイアウト全体のセクションを指定するために使用されます。見出しはコンテンツ内のセクションを指定するために使用されます。

    ルールの説明

    バナーランドマークは他のランドマークに含まれてはなりません。

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

    このルールは (banner/contentinfo) ランドマークを探し、ドキュメント構造をたどって body にたどり着く前に他のランドマークロールに出会わないことを確認します。

    リソース

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

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

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

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

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