バナーランドマークを別のランドマークに含めることはできません
修正方法
各 banner ランドマークが他のランドマーク内に含まれていないことを確認しましょう。
たとえ HTML5 が同等の <header>
ランドマークの複数インスタンスを許可している場合でも、ページ内の role="banner"
ARIA ランドマークを使用している各要素が他の ARIA ランドマークに含まれていないことを確認します。ほとんどの web デザインでは、ARIA あるいは HTML5 のどちらを使用しているかに関わらず、これらのランドマークをそれぞれ一つずつ持つこと、さらにそれらが一つかそれ以上のランドマーク内でネストされていないことが適切です。
なぜ重要なのか
banner ランドマークが最上位のランドマークではない (かつ他のランドマークに含まれている) 場合、デザインのレイアウトに含まれる定義されたヘッダーを効果的に指定しないため、スクリーン・リーダーのユーザーが簡単にレイアウトを操作することを阻みます。
注記
ランドマークはページのデザインとレイアウト全体のセクションを指定するために使用されます。見出しはコンテンツ内のセクションを指定するために使用されます。
ルールの説明
バナーランドマークは他のランドマークに含まれてはなりません。
仕組みについて (簡単に言うと)
このルールは (banner/contentinfo) ランドマークを探し、ドキュメント構造をたどって body にたどり着く前に他のランドマークロールに出会わないことを確認します。