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").
Missing semantic HTML elements:
Missing semantic HTML elements for key regions
Header Content
Main Content
The (DOM/programmatic) structure of the above example looks like this:
<div id="header">Header Content
</div>
<div id="navigation">Navigation Content </div>
<div id="main">Main Content </div>
<div id="footer">Footer Content </div>
<div id="navigation">Navigation Content </div>
<div id="main">Main Content </div>
<div id="footer">Footer Content </div>
Note: Impossible to automatically test or detect. Requires a human tester or AI to determine which regions/sections should be grouped using semantic elements, i.e. if using a semantic element is necessary.