バナーランドマークは別のランドマークに含まれてはいけません

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

Learn Web Accessibility

Subscribe to our extensive curriculum of online self-paced courses

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 盲目
  • 盲ろう者

Standard(s)

  • Deque Best Practice

    修正方法

    各バナーランドマークが別のランドマークに含まれていないことを確認します。

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

    なぜ重要なのか

    バナー ランドマークが最上位のランドマークではなく (別のランドマーク内に含まれている) 場合、デザイン内のレイアウトの定義済みヘッダー部分を効果的に指定しないため、スクリーン リーダーのユーザーがレイアウト内を簡単に移動できなくなります。

    注意

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

    ルールの説明

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

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

    このルールは、(バナー/コンテンツ情報) ランドマークを見つけ、ドキュメント構造をたどって、本文に到達する前に他のランドマーク ロールに遭遇しないことを確認します。

    リソース

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

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

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

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

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