Semantics · 03
Map the page with landmarks
A visual page frame needs structural regions that assistive technology can navigate.
What to do
- Use native header, nav, main, and footer elements.
- Keep exactly two navigation landmarks.
- Give the two nav elements distinct, non-empty aria-label values.
Result
Run the checks
Edit the HTML and select “Check solution”. The preview updates automatically.
If you are stuck
A top-level header and footer map to banner and contentinfo. Repeated landmarks need unique names.