The Importance of Semantic Structure
Structural Elements
Page Title
Describes the content or purpose of the page
Headings
h1 – h6: Provide labels for sections and subsections of content
Landmarks
Define semantic regions on the page:
| HTML Element | ARIA Role | Notes |
|---|---|---|
main |
main | default role |
header |
banner | default role |
footer |
contentinfo | default role |
nav |
navigation | default role |
? (div, form) |
search | role="search" |
aside |
complementary | default role |