Headings are an important semantic tool for providing structure to web content and can be used by web browsers, plug-ins, and assistive technologies to provide in-page navigation.
Pages should use heading tags, HTML lists, div> and article> to contain blocks of content and define the essential semantic structure of a page.
Most pages have a visual structure with a block of content at the top, a main content area, a footer, and sometimes sidebars with related information. Page regions such as header>, nav>, main>, aside>, and footer> programmatically define the essential semantic structure of a page, and screen reader users can easily navigate among these major page areas. Headings must use heading tags, lists must use HTML lists, and div> and article> can be used to contain blocks of content.
WebAIM: Semantic Structure: Regions, Headings, and Lists
Heading tags are particularly important for people with disabilities because many assistive technologies (such as screen readers) use heading tags to make navigation easier. By using heading tags properly, you…
What Are H Tags? How Headings Affect User Experience