Error · landmark-main-is-top-level

Main content nested inside another area

Q: What does the landmark-main-is-top-level error mean?

Main content nested inside another area. The main content area is wrapped by another landmark, so the shortcut to it lands in the wrong place.

The main content area is wrapped by another landmark, so the shortcut to it lands in the wrong place.

Who it leaves out: blind people (screen readers)

How to fix it

Move it to the top level. Developer task.

In the code

Does your site have this error?

Free check in about a minute, no account.

One more chance: free scan · no account

Related errors

Images without a description image-alt
Image buttons without a name input-image-alt
Buttons with no name button-name
Links that don't say where they go link-name
Form fields without a label label
Drop-down menus without a label select-name

Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.