Apply heading styles in the Basic text component

You can add heading styles to your content using the format drop-down inside the basic text component.

Accessibility tip: Headings communicate the organisation of the content on the page. Web browsers, plug-ins, and assistive technologies can use them to provide in-page navigation. (Source: W3.org)

Select your heading text, click on the Format dropdown and select your heading style. (This dropdown may appear in a different position on the toolbar depending on how wide you have your browser window.)

applying-heading-style.png

The first heading after the title must be Heading 2 (because the page title is formatted as Heading 1)

You must follow sequential order to meet accessibility requirements.

On Vic Gov websites the most commonly used headings are Heading 2 and Heading 3.

In order to meet accessibility requirements, you must follow the sequential order.The level for the next heading depends on whether the content is a subtopic of the Heading 2 above, or it covers a new topic.

If your content is a subtopic, then you would apply the next level. That means if your content is related to the heading 2, then next heading should be heading 3. If you need to add subheadings under a heading 3, you would use heading 4.

(You can’t start with a heading 4 just because you like the way it looks.)

Example: Types of vegetables is a new topic. It doesn’t go under Types of fruit, so it’s formatted as heading 2 - the same level as Types of fruit. Fuji and pink lady are types of apples, so they are subheadings (H4) of the Apples heading (H3).

(H2) Types of fruit

(H3) Apples

(H4) Fuji apples

(H4) Pink lady apples

(H3) Grapes

(H3) Oranges

(H2) Types of vegetables

(H3) Carrots

(H3) Pumpkin

 

 Related articles

 

Related pages