Landmark roles (landmark-roles)

Valid landmark roles (role="main", role="navigation", etc.) or HTML elements (<main>, <header>, etc.) are used to group sections of repeatable content.


Note that this is one way to satisfy 2.4.1 and is not required if another method is implemented.


Missing role attribute:

This section that includes the main content of the page lacks a role attribute (i.e. role="main") or a semantic element (i.e. <main>) indicating this:


Main Content

This is the primary page content. Because it’s not inside a <main> element or given role="main", users cannot skip directly here—forcing them to tab through the navigation first.

Note: Impossible to automatically test/detect. Requires a human tester or AI to determine which elements require role attributes (and if these role attributes are appropriate).

axe detected: none  |  QualWeb detected: none