Landmark ARIA (landmark)

Key regions (header, navigation, main, footer) use <header>, <nav>, <main>, <footer>, or ARIA landmarks (e.g., role="banner", role="navigation", role="main", role="contentinfo").


Incorrect role assignment:

These elements have role attributes that contradict their tags:


Header Content

The (DOM/programmatic) structure of the above example looks like this:

<header role="footer"> Header Content </header>
<footer role="header"> Footer Content </footer>

Note: Possible to automatically test. An automated test can be performed by querying all elements with role attribute or otherwise and checking if these elements have matching role attributes and tags.

axe detected: 1.3.1  |  QualWeb detected: 1.3.1