# A document should not include more than one visible element with “role=main”. > Canonical HTML version: https://rocketvalidator.com/html-validation/a-document-should-not-include-more-than-one-visible-element-with-role-main > Attribution: Rocket Validator (https://rocketvalidator.com) > License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/) A page must contain no more than one visible element with `role="main"` because this landmark role identifies the primary content area of the document, and having multiple instances creates ambiguity for assistive technologies. Screen readers and other assistive tools use the `main` landmark to let users skip directly to the page's primary content. When two or more visible elements carry `role="main"`, the tool cannot determine which one is the actual primary content block. The HTML `
` element has an implicit `role="main"`, so mixing `
` elements with `role="main"` on other elements can also trigger this error. A common cause is having multiple `
` elements without hiding the inactive ones. Single page applications sometimes keep several `
` elements in the DOM for different views. That is valid only if all but one are hidden using the `hidden` attribute. Another cause is placing `role="main"` on a `
` while also having a `
` element elsewhere in the page. ## Invalid example ```html

Home

Welcome to the home page.

About

About this site.

``` ## Valid example Only one `
` is visible at a time. The others use the `hidden` attribute: ```html

Home

Welcome to the home page.

About

About this site.

``` If you do not need multiple views, remove the extra `
` or `role="main"` entirely and keep a single one: ```html

My Site

Primary content goes here.

```