Headers
Headers define the structure of content on a web page. They are used by sighted users, screen readers, and search engines to help understand the logic of content on the page.
Headings are HTML tags used to divide sections of a page. The number in each heading indicates its level in the content’s hierarchy. By default, page titles will be formatted as a Heading 1. The following header should be an H2, followed by an H3 if needed. The content within the hierarchy of the heading sections should be related.
Capitalization
Headings should be written using Sentence case capitalization in which only the first letter of the first word is capitalized.
Tip: Avoid using all caps. Readability is reduced with all caps because all words have a uniform rectangular shape, meaning readers can't identify words by their shape. If you want to emphasize body or heading text, bold it. This lends the same effect while being more readable and visually pleasing.
Examples
These are examples of each heading style. It is important to pick the appropriate header based on the structure of the content and not on how it appears. Contact the Web & Applications team with feedback if you feel an appropriate style is not available for your needs.