Use landmark regions correctly

Landmark regions allow screen reader users to quickly identify and jump to major sections of a page, significantly improving navigation efficiency.

Quick Reference

• Use HTML5 landmark elements like <header>, <nav>, <main>, and <footer>
• Ensure each landmark appears only once where appropriate (e.g., one <main>)
• Provide labels for multiple landmarks of the same type using aria-label

Check

Verify that the page uses appropriate HTML5 landmark elements and that they are correctly structured.

Fix

Replace generic <div> containers with semantic landmark elements like <header>, <nav>, <main>, and <footer>.

Explain