1. Home
  2. Docs
  3. SiteLint
  4. Accessibility Rules
  5. main-element-only-one

main-element-only-one

Print this article

    Description

    Each page must have no more than one <main> landmark, used to identify the main content.

    Purpose

    The <main> element behaves like a main landmark role. It provides a navigation point to the primary content of the page for users of assistive technologies. The content of a <main> element should be unique to the document. The HTML specification says:

    The <main> element represents the dominant contents of the document. A document must not have more than one main element that does not have the hidden attribute specified.

    Examples of correct code for this rule:

    <main></main>

    How to fix it

    • Keep only one <main> element on the page.
    • Prefer using the <main> element over declaring role="main", unless there are legacy browser support concerns.

    Standard

    Accessibility

    Was this article helpful to you? Yes No