According to WebAIM’s screen reader survey, most screen reader users prefer to navigate web pages and documents by headings, meaning it’s important to style them correctly. Although bolded, all-caps text can mimic a heading, it doesn’t include the markup necessary for screen readers to recognize it as such. The same is true for colored and italicized text. Headings should instead follow a logical semantic structure as if you’re constructing an outline: <H1> Main heading – usually reserved for page titles […]
How to Format a Heading
