The Importance of Semantic Structure

Structural Elements

Page Title

Describes the content or purpose of the page


h1h6: Provide labels for sections and subsections of content


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

Related Links