2. Use Headings to Create Structures (this is an H2)
Headings in content allow readers to organize chunks of content and to navigate the content.
Sighted users benefit from content has been visibly grouped by headings. These may be marked with a consistent change in size, font, color or positioning, and they should form a coherent outline: subheadings (H2) break up the page into minor groups, and may contain one or more subsections with sub-subheaders (H3), and so on:
Not only does this make it easier for users to find what they are looking for, it also aids in comprehension and reduces cognitive load, by letting users focus on the section most relevant to their needs, rather than painstakingly combing through a wall of text.
Screen readers offer that same of functionality: a non-sighted person can pull up a list of headings via their screen reader to navigate a document like an interactive table of contents, including the outline level. In fact, the majority of screen reader users say skimming for headings is the first thing they do when they open a Web page.
Manually formatting text to look like headings, by changing the font size or boldness, does not offer a programmatic equivalent to the non-sighted person using a screen reader. This denies them the ability to programmatically scan the content, and make it much less likely they notice important content.
Best Practices (this is an H3)
- Format your headings as "real" headings using the tools provided by your text editor
- Do not use manual formatting (bold, font size overrides) to create "fake" headings
- Do not skip heading levels; if you were to imagine your headings as a nested list, the number should match its amount of indentation (i.e., jumping straight from H2 to H5 would be weird; H2s should contain H3s, which might contain H4s, and so on)