How to use a Heading block
Headings add titles and structure to your content.
Titles must be informative and make sense by themselves. to help users scan content quickly and find what they need. Find out how to write an effective title.
How to use a heading block
There are 3 kinds of heading which are used to structure content:
- Heading 1 (H1): the title of the page
- Heading 2 (H2): the subtitles of your page
- Heading 3 (H3): the sub subtitles of your page
For example, the structure below could be used to explain to users about nutrition:
[H1] How to get a nutritious diet
[H2] Why nutrition is important
[H3] Fruit and vegetables which contain vitamin A
[H3] Fruit and vegetables which contain vitamin E
[H2] Find the most nutritious fruit and vegetables
[H3] Farmer’s markets
[H3] Fresh supermarket produce
[H3] Canned and frozen produce
The title of your page is automatically an H1. You should only use H2s or H3s on your campaign pages.
To meet accessibility guidelines you must:
- not use the H4, H5 and H6 headers
- not use bold text instead of using subheadings
Add text between headings to provide context. It’s usually helpful to have content between an H2 and H3 especially when it’s not clear how the H3(s) follow from H2.
How to add a Heading block
To add a Heading block to your page:
- Click the plus (‘+’) button to add a block to your page.
- Type ‘heading’.
- Click the ‘Heading’ option.
- Type the title of your heading.
How to change the level of a heading
To change the heading level of a Heading block on your page:
- Click the text of your heading.
- Click the current level of the heading in the context menu (‘H2’ or ‘H3’).
- Click the level you want to change your heading to.
How to change a Paragraph block to a Heading block
To change text in a paragraph block to a heading:
- Select the text of your paragraph block.
- Click the ‘paragraph’ symbol in the context menu.
- Click ‘Heading’.