||If the page contains
h1 element and either a
banner landmark, the
h1 element must be a child of either the main or
h1 heading should primarily be used to identify the content on the specific page within the website and be placed at the beginning of the main content to provide an important navigation point for users of assistive technologies, allowing them to easily find the main content of the page.
h1 heading can also be used (but not required) to provide a label for the website and when it is used for this purpose it should be placed in the
- Including both a
main landmark and an
h1 element provides a redundant way for users of assistive technologies to find the main content of a web page.
HTML4 Legacy Techniques
HTML5 and ARIA Techniques
|WCAG Success Criteria
2.4.6 Headings and Labels (Level AA, Primary Success Criterion)
h1 elements and elements with ARIA attribute
- This rule supports the coding practice of reserving the
h1 element for titling the main content area of a web page.
- Include an
h1 element at the beginning of each
h1 element should describe the main content or purpose of the page.
- If there is more than one
main landmark, use the
aria-labelledby attribute on each to reference an
h1 element that provides its accessible name.
h1 element being used to label the the website must be placed inside the