Headings & Subheadings

  • Every page needs a short, straightforward heading (and sometimes a subheading) at the top as it improves accessibility (allows screen readers to skip sections so that users can quickly find what they are looking for) and searchability of the web content.

  • Use a short heading (Heading 1) at the top of the page to communicate to users what the page is about, and subsequent subheadings (Heading 2, Heading 3, etc.) to further structure the content.

  • Page titles (Heading 1) and important subheadings (Heading 2) should use title case. Heading 3 can use title or sentence case. Heading 4 and Heading 5 should use sentence case.

  • Accordion headings are Heading 2. Always start with Heading 3 within an accordion.

 

Version 2.02 . March 2024 . City of Toronto Web Standards