Headings

Headings are essential in having accessible materials as they allow assistive technology to skim through content. Bolding text is not sufficient when creating headings, as assistive technology cannot depict bolded text.

Use headings tags such as <h1>, <h2>, etc. to create headings.

If you’re using a GUWordPress template, you can set headings by adding the Heading block then selecting the appropriate heading level.

Think of your webpage like an outline

The page title uses the first heading level (<h1>), so all below sections should use heading level 2 (<h2>).

Any subsections within your h2-level sections should use h3, any subsections within your h3-level sections should use h4, and so on (until h6).

But I like the style of h3 better than h2!

If you want the first section on your page to look like an h3 or h4, add “h3” or “h4” to the Additional CSS Class(es) field of your h2 tag located under Advanced in the block inspector panel.

You can do this for any header on the page! For example, the following header is an h3 that looks like an h5.

This is a standard h3.

This is an h3 that uses a class to make it visually look like an h5.