Skip to main content

no-duplicate-visible-main

Disallow more than one visible <main> element in a document. Per the HTML Living Standard, there must not be more than one visible main element in a document. A <main> element with the hidden attribute is not considered visible.

❌ Examples of incorrect code for this rule

<body>
  <main>First content</main>
  <main>Second content</main>
</body>

✅ Examples of correct code for this rule

<body>
  <main>Visible content</main>
  <main hidden>Hidden content</main>
</body>

Interface​

{
  "no-duplicate-visible-main": boolean
}

Disallow more than one visible main element in a document.

Default Severity​

error