Headings

Headings allow editors to present their content in an organized way. Headings help users, search engines, and screenreaders scan sections of the page to find content quickly.

System ref: Heading


Heading Samples

This is an H1

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6

Understanding Headings


To add a heading on your page, insert a heading block. Headings will help break up the content and provide a subheading structure.

Screenshot of an empty heading block, showing the heading toolbar above.
A heading block gives you basic alignment and styling options, but these should be used sparingly.
  • Keep headings short (2-5 words) so visitors can scan them quickly.
  • Assign the appropriate heading tag. Within the block toolbar you can change the heading tag (H2, H3, H4, etc). For usability and accessibility reasons, these tags should be applied in a hierarchical manner, not because of their size, font, etc. Review HUIT guidelines on heading tags before using headings on your page.
  • Use only one H1 on the page.
  • Avoid adding formatting to your heading. Headings are intended to help guide visitors to the content they are interested in. When italics, bold, and other formatting is added to them, they become harder to scan.