`require-landmark-label`

APG の Landmark Regions プラクティスに基づき、ランドマークロール(banner、main、complementary、contentinfo、form、navigation、region)がドキュメント内で複数回出現し、いずれかに一意のアクセシブルネーム(aria-labelまたはaria-labelledby)がない場合に警告します。

旧landmark-rolesルールから、no-nested-top-level-landmarkとともに分割されました。

❌ 間違ったコード例

<!doctype html>
<html>
  <body>
    <nav>...</nav>
    <main>
      <nav>ラベルのない重複したnavランドマーク</nav>
    </main>
  </body>
</html>

✅ 正しいコード例

<!doctype html>
<html>
  <body>
    <nav aria-label="main">...</nav>
    <main>
      <nav aria-label="sub">...</nav>
    </main>
  </body>
</html>

Interface

{
  "require-landmark-label": boolean
}

Default Severity

warning

Interface​

Default Severity​

Interface

Default Severity