Accessible Tech Challenge: Headings

Introduction

Headings are used to organize and provide structure to documents. While sighted users can scan a page for large or bold text to identify headings, blind or low-vision users who rely on screen readers miss these visual cues. Avoid using text size or emphasis (bold, underline, italic) as the sole means of identifying a heading. Using heading styles in your Canvas content pages and documents provides important semantic structure that screen readers users can access. Headings also support document navigation and form the basis of the document table of contents in editors like Microsoft Word and Google Docs.

Assign headings based on their hierarchy in the document. The main title or description of the document should be assigned Heading 1 (H1). There should only be one Heading 1 element in your document. In Canvas the Heading 1 element is reserved for the title of the content page.  Sub-headings of equal importance should follow as Heading 2. These can be thought of as the main sections of the document. Headings at level 3 would immediately follow a Heading 2 element. Any further sub-headings should continue this pattern (Heading 4, etc.). Never skip a heading level (e.g., don’t go directly from a Heading 1 to a Heading 3).

Best practices for using headings to provide well-structured Canvas content pages and documents to support all users, including those who use asssitive technology:

  • H1: Title of the document (reserved for page title in Canvas)
  • H2: Primary sections of the document
  • H3: Subsections of each primary section
  • H4: Sub-subsections of each subsection
  • And so on for H5, etc.

 

 

 

 

 

 

 

 

 

 

Infographic title Accessible Tech which show the 5+2 elements for accessible content.  These elements are list, image descriptions, descriptive links, structured tables, and headings.  Also displayed are icons representing color contrast and color use for meanings.