Heading Accessibility

• Screen readers provide header navigation commands and list of header views of a document.
• Headings should be used to identify the sections and sub-sections of a web page.
• Headings should be nested properly to accurately convey the section and sub-sections of a web page.
• h1 element should be reserved to mark the beginning of the main content of a web page.
• Headings can and should be used to label associated landmarks using aria-labelledby attribute.
• Headings can be hidden visually, but still provide navigational markers for screen readers.