ドキュメントにはバナーランドマークを一つ以上含めるべきではありません
修正方法
個々のHTMLページがバナー ランドマークのみを含むように確認します。
保持したいバナー ランドマークを決定し、その他のバナー ランドマークを削除します。
role="banner"
ARIAランドマークは、HTML5仕様では同等の header
ランドマーク値の複数のインスタンスが許可されている場合でも、HTMLドキュメントに固有の要素に1回だけ表示する必要があります。ほとんどのWebデザインでは、ARIAまたはHTML5を使用して指定する場合でも、バナー ランドマークを1つだけ持つのが適切です。
なぜ重要なのか
ランドマークを使用すると、視覚障碍のあるユーザーはコンテンツをすばやくナビゲートして見つけることができます。ランドマークが欠落していると、スクリーン リーダーのユーザーは何かを見つけるために、膨大な量の余分な情報を整理する必要があります。
JAWS、NVDA、VoiceOverは、ARIAランドマークを使用してWebページのセクションに移動する機能をサポートしています。ランドマークは、ユーザーがWebページのメイン コンテンツにスキップする方法を提供するという問題に対して、よりエレガントなソリューションを提供します。Webデザインに目に見える変更がないため、目立たず、見えないです。もちろん、この手法が目に見えないという事実は、目の不自由なスクリーン リーダー ユーザーにとっては問題ありませんが、目の見えるキーボード ユーザーや視力の弱いスクリーン拡大ソフト ユーザーにとってはそうではありません。この意味では、まだ旧式の「ナビゲーションをスキップ」リンクを置き換えることはできません、HTML 5リージョンとARIAランドマーク。ブラウザには、HTML 5リージョンまたはARIAランドマークが存在することをユーザーに通知する方法がまだ組み込まれていません。スクリーン リーダーのユーザーだけがこれを利用できます。
Firefox ARIAランドマーク拡張機能があります。
利用可能で、Firefoxにランドマークによるナビゲーション機能を追加することができますが、これはブラウザのネイティブ機能ではありません。
ルールの説明
ページにバナーランドマークが最大1つあることを確認します。
仕組みについて (簡単に言うと)
このルールは、すべてのバナーランドマークを検索し、役割をマップしないランドマークを除外し、複数のランドマークが存在しないことを確認します。