Accessible Canvas Pages

Accessible Canvas Pages

How To Create Accessible Canvas Pages 

Heading Styles and Content Formatting 

    • Use the Headings in order. In Canvas, the list starts with Heading 2, because Title and Heading 1 are already used in the standard Canvas layout. For example, sample Headings could include: Overview, Introduction, Instructions, Examples. 

  • Use built-in styles for bold, italics, and underline instead of relying on color alone. For example: Instead of using red text to highlight important information, use bold formatting. 

Lists 

  1. Use numbered lists for sequences and bulleted lists for items without a specific order. For example: Use a numbered list for step-by-step instructions and a bulleted list for a list of resources 
  1. Use descriptive link text that indicates the link’s designation. For example: “Read the full article on accessibility” instead of “click here.” How do I create hyperlinks to external URLs in the Rich Content Editor? How do I create hyperlinks to course or group content in the Rich Content Editor? 

Tables 

  1. Use tables for data, not for layout. For example: A table that shows class schedules with columns for date, time, and topic. How do I ensure my tables are accessible? How do I insert a table using the Rich Content Editor? 

Images and Multimedia 

    • Alt text should convey the essential information or function of the image. 

    • Keep alt text concise but informative. Avoid phrases such as “image of” or “picture of” as screen readers automatically announce it as an image. 

  • Mark images as decorative that are purely decorative and do not convey any meaningful information. 

Other Tools and Features 

  • Ensure all interactive elements are accessible via keyboard. For example: Test navigation through a content page using only the keyboard. WebAIM: Keyboard Accessibility 

  • Use screen readers to test content. Ensure all content is readable and navigable with a screen reader like JAWS, NVDA, VoiceOver, or Talkback