HTML5 introduced native Landmark Elements that establish structural signposts across the document:
<header>: The banner containing site logo, global identity, and utility shortcuts.<nav>: Major navigation blocks (primary header menu, pagination, breadcrumbs).<main>: The primary, unique content of the document (there must be only one visible <main> per page).<aside>: Complementary content tangentially related to the main content (related articles, author bio, sidebars).<footer>: Colophon, copyright notices, terms of service, and secondary links.<search>: Structural container for search forms.Keyboard Shortcut: Screen reader users press the D key to jump instantly from landmark to landmark, bypassing dozens of lines of repetitive markup in seconds.
Level 1 · Accessible interaction basics