ドキュメントにはバナーランドマークを一つ以上含めるべきではありません

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

Accessibility testing for dev teams - No experience required

Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 視覚を用いるキーボードユーザー
  • 盲目
  • 盲ろう者

Standard(s)

  • Deque Best Practice

    修正方法

    個々の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ランドマーク拡張機能があります。 opens in a new window 利用可能で、Firefoxにランドマークによるナビゲーション機能を追加することができますが、これはブラウザのネイティブ機能ではありません。

    ルールの説明

    ページにバナーランドマークが最大1つあることを確認します。

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

    このルールは、すべてのバナーランドマークを検索し、役割をマップしないランドマークを除外し、複数のランドマークが存在しないことを確認します。

    リソース

    その他のリソース

    その他リソースもあわせてご参照ください。

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

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

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

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

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