バナーランドマークは別のランドマークに含まれてはいけません
修正方法
各バナーランドマークが別のランドマークに含まれていないことを確認します。
ページ上の各要素がARIAランドマークを使用している場合、それが別のARIAランドマーク内に含まれていないことを確認してください。HTML5では同等のランドマークの複数のインスタンスが許可されていますが、それでもARIAランドマークは重複してはなりません。 role="banner"
<header>
ほとんどのWebデザインでは、ARIAまたはHTML5を使用して指定されているかどうかに関係なく、これらのランドマークをそれぞれ1つだけ持つことが適切であり、さらに、1つ以上の他のランドマーク内にネストされないことが適切です。
なぜ重要なのか
バナー ランドマークが最上位のランドマークではなく (別のランドマーク内に含まれている) 場合、デザイン内のレイアウトの定義済みヘッダー部分を効果的に指定しないため、スクリーン リーダーのユーザーがレイアウト内を簡単に移動できなくなります。
注意
ランドマークは、ページ全体のデザインとレイアウトのセクションを指定するために使用されます。見出しは、コンテンツ内のセクションを指定するために使用されます 。
ルールの説明
バナーランドマークは別のランドマークに含めることはできません。
仕組みについて (簡単に言うと)
このルールは、(バナー/コンテンツ情報) ランドマークを見つけ、ドキュメント構造をたどって、本文に到達する前に他のランドマーク ロールに遭遇しないことを確認します。