Headings act as a title for the content that immediately follows it. The
<h1> element is reserved for the page title and must only be used once on a page. If you are using Kentico, this is usually added automatically. Other heading levels may be used more than once following document outline order.
Headings in user added content sections (wrapped in a
div using either of the classes
.content) are automatically styled to the correct font size and styling.
Headings in templates are not in user added content and are styled with inline classes.
Some screen readers can automatically create a list of headings from a page. This allows users to scan the page content.
Avoid making text all uppercase, content will be harder to read and screen readers sometimes treat this as an acronym and read out every letter.
Never use headings for visual effects only, e.g., to bold text or increase font size.