landmark-no-duplicate-contentinfo

ページにcontentinfoランドマークを複数置いてはいけません

manual確度:medium重大度:minoroperable

ページ内のcontentinfoランドマーク(role="contentinfo"、または入れ子になっていない<footer>)が多くても1つであることを確認します。

適用範囲:ページにcontentinfoランドマーク(明示的なrole="contentinfo"、または暗黙的で入れ子になっていない<footer>)が1つ以上ある場合に適用されます。ElementInternalsによってランドマークロールを与えられたカスタム要素(this.attachInternals().role)は、別のロールを示すrole属性がなければ、そのロールを持つネイティブ要素と同じくランドマークです。

期待される結果:ページ内のcontentinfoランドマークは多くても1つです。理由はlandmark-no-duplicate-bannerと同じで、それをcontentinfoに当てはめたものです。

検出結果が報告する内容:

  • count:ページが支援技術に公開しているcontentinfoランドマークの数です。上限は1です。

これらのdata.detailsのフィールドは、検出結果を読み解き、再現するのに役立ちます。reasonCodeと、出力スキーマで安定と明記された一部のフィールドを除き、安定した契約ではありません。マイナーリリースで名前が変わったり、なくなったりすることがあるため、これらに依存した実装はしないでください。

例

pass
<body>
<footer>Site footer</footer>
</body>

contentinfoランドマークは1つだけです。

can't tell
<body>
<footer>First</footer>
<footer>Second</footer>
</body>

トップレベルの<footer>要素が2つあり、どちらもcontentinfoロールになります。

確認方法

このルールが判断できない場合はcantTellを報告し、判断を人に委ねます。ルールが投げかける各質問を、理由コードごとに、答えるための手順とともにここに示します。検出結果にも同じ手順がhowToCheckとして、スキャンの言語で含まれます。出力スキーマを参照してください。

LANDMARK_DUPLICATE_CONTENTINFO

  1. スクリーンリーダーのランドマーク一覧またはアクセシビリティペインを開き、contentinfoランドマークの数を数えてください。
  2. レポートに示されたそれぞれについて、ページ全体のフッターか、セクション、カード、ダイアログのフッターかを判断してください。
  3. 隠れている、または閉じているコピーが支援技術から確実に隠されていることを確認してください。

満たす場合:支援技術が検出するcontentinfoは、ページ全体のフッターの1つだけです。

満たさない場合:複数のcontentinfoが公開されているため、ランドマークによる移動でページのフッターが複数示されます。これはWAI-ARIAのcontentinfoロールに関するベストプラクティスを満たしていません。

関連するルール

ソースコードを見る