文書には1つの主要なランドマークが必要です

ページの主要コンテンツへのナビゲーション ポイントがあることを確認してください。ページに iframe 要素が含まれている場合、各 iframe 要素にはメインランドマークが含まれないか、1つだけ含まれている必要があります。

すべてのコンテンツが、HTML5ランドマーク要素および/またはARIAランドマーク領域で指定されたランドマーク領域内に含まれていることを確認する。

すべてのコンテンツがナビゲーション領域内に含まれるようにするには、HTML 5とARIAランドマークの両方を使用するのが ベスト プラクティス です。HTML5では、 header、 nav、 main、 footer などの要素を使用する必要があります。ARIAの対応する要素は、順に role="banner"、 role="navigation"、 role="main"、 role="contentinfo" です。HTML5とARIAマークアップの両方を使用すると、どのスクリーン リーダー テクノロジが使用されている場合でも、Webページをより堅牢かつ機能的にすることができます。

追加されると、スクリーン リーダー ユーザーはARIAランドマークまたはHTML要素に基づいてセクションに移動できるようになります。ランドマークは、ナビゲーション スキップ リンクの簡単な代替手段を提供しますが、この代替手段はスクリーン リーダーのユーザーにとってのみ役立ちます。目の見えるユーザーや画面拡大ツールのユーザーは、この追加機能からあまり恩恵を受けられないため、スキップナビゲーションリンクを完全に置き換えることはできません。

例

ランドマークの必要最低限の要素だけに絞り込んだ簡素化されたWebページは次のようになります。

<header role="banner">
   <p>Put company logo, etc. here.</p>
</header>
<nav role="navigation">
   <ul>
      <li>Put navigation here</li>
   </ul>
</nav>
<main role="main">
   <p>Put main content here.</p>
</main>
<footer role="contentinfo">
   <p>Put copyright, etc. here.</p>
</footer>

リージョンとロールのマークアップは冗長ですが、これは移行期間であり、上記のマークアップが最も堅牢です。