Disability Services: Faculty/Staff Resources

Accessible Course Design in Canvas

Created with Sketch.

Formatting & Writing

  • Use headings in appropriate, nested order. In Canvas, the page title is H1, so the first heading on a page should be H2, with H3 nested under that, etc.
  • URLs must be embedded as unique, descriptive links (Remote Learning and Technology Resources) rather than https://www.msmnyc.edu/programs/distance-learning/remote-learning-technology-resources/ or “click here for Technology Resources”).
  • Use HTML-coded bulleted or numbered lists (by clicking on the appropriate button in the Rich Text Editor), rather than typing out numbers or symbols for lists.
  • Designate header cells and header cell scope in tables. Tables should have captions and titles. All information can be added via the Tables menu in the Rich Text Editor.
  • Use white space and headings to break up long blocks of text.
  • Pages should have unique and descriptive titles (Module 2 Quiz: U.S. Constitution vs. Quiz 2).
  • Write out dates and use full stops at the end of sentences (including bullet points).

Images

  • All images (except decorative images, like icons or stock photos) should have quality alt text descriptions.
  • Alt text descriptions should convey the information of the image, not merely describe the image. Alt text should be an equivalent substitute for the image.
  • Alt text should consider the context in which the image appears.
  • Complex images like graphs, charts, diagrams, and maps, must also have alt text descriptions. Lengthy descriptions of complex images can be linked to on a separate Canvas page.
  • Avoid using images of text as much as possible. If unavoidable, alt text must contain all text in the image.

Color & Contrast

  • Color should not be the sole means of conveying information. Use texture, pattern, size, shape, etc. in combination with color.
  • Use colorblind filters (available in Adobe products and via sites like COBLIS) to test color combinations for colorblind perception.
  • Ensure a high contrast ratio between background and foreground colors. Test using tools like WebAIM’s Color Contrast Checker.

Audio & Video

  • All audio content (pure audio recordings and audio tracks on video recordings) must have a complete text equivalent in the form of transcripts (audio) or captions (video).
  • Auto-generated captions are only 60-70% accurate and cannot be used on their own; they must be corrected to full accuracy to be acceptable.
  • Ad-hoc recordings (announcements, discussion replies, etc.) should come with a text equivalent that conveys the same information.

Accessible Documents

  • Word Documents: create in latest available version of Microsoft Word and run accessibility checker. Correct all highlighted issues.
  • PDFs: create in latest available version of Microsoft Word and run accessibility checker. Correct all issues. Convert to PDF using Adobe plugin. Using Adobe Acrobat Pro DC, run accessibility checker and correct all issues: read order, alt text, tables, language, title, etc. Must have OCR (optical character recognition)—a scanned book will read as an image and cannot be processed by a screen reader.
  • Excel Spreadsheets: Avoid blank cells as much as possible. Use for intended purpose—organizing data. Do not include lengthy sentences, images, etc.
  • PowerPoint Presentations: Use notes section to describe content of slides. Notes should serve as equivalent to the information on the slides. Images should have alt text descriptions. Ensure that read order of items on slides is correct.

Course Resources

  • Text Format: digital formats are always preferable, as they can easily be read aloud by a screen reader or other text to speech software. Must have OCR.

Resources