When creating accessible content, the order of your heading tags is of great importance. Screenreaders and other assistive technologies rely on the order of headings to provide users an overview of the content on the page. You should always use heading tags instead of "bold" to indicate the heading of a paragraph or section.
Rules to follow for accessibility compliance:
- Do not use the <h1> tag. The <h1> tag is almost always generated by the page itself and used for the primary title. The first heading in the content of the page should be <h2>.
- Always start with <h2> , with subheadings of that <h2> being <h3> and so forth. Headings must always go in order
- Headings must always go in order. <h2>,<h3>,<h4> is fine, as is <h2>, <h3>, <h4>, and then back to <h2> (you're basically "starting over at <h2>". However, <h2>, <h4>, <h3> is not acceptable. Do not choose your heading based on the style but on the order of importance of the content
Examples of the hierarchy of headings for this website: