Accessibility: Heading Order

Accessibility: Heading Order

Headings provide the necessary structure to our webpage and digital platforms by allowing us to group content that is related together.  Providing headers on our webpages and digital platforms allows us to create a structure that is easily searchable and easily scanned.  Headers also provide the needed structure for assistive technology users in order to gain the content they need fast without having to have their assistive technology read everything that is on the page.

What is the Proper Order of Headings?

  1. Heading 1 (do not use on your site)
  2. Heading 2
  3. Heading 3
  4. Heading 4
  5. Heading 5
  6. Heading 6

Headings Should:

  • Be short phrases that standout to the user and explain what is in the section or subsection of the page.
  • Always be used in order
  • Be used to set a structure for easy navigation on your page

Note: There are only 6 heading levels available for websites.

Why is Heading 1 Only to be Used Once?

Heading 1's or H1's is because on websites this is typically reserved for the website title or the page title.  Since all of the information is underneath the main header (h1) then there should never be a second header 1 on the page.  This is important to not cause confusion with assistive technology users on digital platforms.

User Impact

Headings provide a structure to the page that will allow users of assistive technology to easily navigate from section to section within your content. When headings are skipped the user could become confused and feel as though they are missing content which is not there.