Skip to main content

Headings and subheadings

Use these guidelines for headings and subheadings to help make your page readable and accessible.

Why headings are important

Readers can be put off by large areas of text.

Headings provide a clear structure for how information is organised on a page, and help people scan the content to find the information they need.

People use headings to understand how different areas of text are related.

Heading hierarchy gives context

Heading hierarchy is how heading levels are structured underneath each other — subheadings under headings.

When selecting heading levels, keep to an ordered hierarchy, for example H1, H2, H3.

Using the right heading level will help users and screen readers to navigate the content.

Organise headings in a logical order — Australian Government Style Manual

Guidelines

The UK Readability Guidelines include detailed guidance on the following topics:

  • Use specific, meaningful headings.
  • Front-load headings.
  • Structure your page with headings.
  • Use sentence case for headings and subheadings.
  • Label your headings.

Headings and titles in the Readability Guidelines

Code for headings

Find out about HTML code for different headings and see examples of the heading hierarchy.

The HTML section heading elements — MDN Web Docs

Utility links and page information

Did you find what you are looking for?

Your feedback will help us improve this website.

Thanks, do you want to tell us more?

Do not enter personal information. All fields are optional.

Page last updated: