Drupal: Format Headings of Page Sections

Styles menu in Drupal Toolbar

Our web pages must meet this Accessibility* formatting requirement:

  • To divide up a page into manageable and logical page sections, please use Heading 2 as the default/primary Heading style for each section of a page.

  • Only use Heading 3, 4, 5 as sub-section headings, following the same pattern as a standard outline in MS Word.

  • Headings 2-5 should not be bolded using the Drupal Toolbar tool.

  • Please don't use a bolded Body Normal paragraph as a section heading.

  • Heading 1 is reserved for the Page Title only (and formatted automatically).

Example of Page Section Headings:

Heading 2 (This is the first page section.)

Normal Paragraph text text text text text text text text text text. 

Heading 3 (...if this is a sub-section within Heading 2).

Normal Paragraph text text text text text text text text text text. 

Heading 4 (...if this is a sub-sub-section within Heading 3).

Normal Paragraph text text text text text text text text text text. 

Heading 2 (format returns to Heading 2 to start another page section.)

Normal Paragraph text text text text text text text text text text.

Accessibility Requirements

  • Accessible formatting is used by visitors with a text-to-speech software called a Screen Reader in order to quickly navigate to any section of the page. Typically, the first Heading 1 is read, followed by a list of any Heading 2.

  • This saves time for the user of a screen reader by skipping all the Normal Paragraph content in each section of the page because they can navigate by only listening to the Heading 2 being read out for each page section.