Accessible Courses

1. Accessibility Checkers - 0:45  Open in New Window
2. Headings - 2:35  Open in New Window
3. Images - 3:04  Open in New Window
4. Links - 4:16  Open in New Window
5. Color - 4:35  Open in New Window
6. Lists - 5:03  Open in New Window
7. Video & Audio - 5:23  Open in New Window
8. Documents - 5:51  Open in New Window
9. OCR in ALLY - 7:23  Open in New Window

VIDEO RESOURCES

• Accessible Courses — University of Idaho Keep Learning  Open in New Window
• WCAG 2 Checklist  Open in New Window
• On Demand CANVAS Accessibility Training  Open in New Window
• WebAIM Contrast Checker  Open in New Window
• WebAIM WAVE Browser Extension  Open in New Window
• ChatGPT Wordsmith

Accessibility checkers provide a quick indication of potential problems that you can fix in your course or website. Keep in mind that there are many accessibility issues that cannot yet be identified by an automated checker. The rest of this document covers those issues.

Web Content Accessibility Checkers

• Ally's Accessibility Report: Automatically scans course content for accessibility issues and provides guidance to instructors.
• CANVAS Accessibility Checker: Built-in Rich Content Editor accessibility checker for common issues.
• WAVE by WebAIM: Web accessibility evaluation tool with browser extension.

Document Accessibility Checkers

• Ally's Accessibility Report: Scans course document files for accessibility issues.
• Microsoft Accessibility Checker: Reviews documents and presentations for accessibility issues.
• Adobe Acrobat Accessibility Checker: Analyzes PDF files for compliance with accessibility standards.
• PDF Accessibility checker by Grackle Go: Browser-based tool for scanning PDFs.

Headings (H1, H2, H3, etc.)

• Canvas pages already have an H1 tag, so your first heading should be H2, and follow sequentially as needed for your content structure.
• Empty headings are still read by screenreaders, so don't use them to create visual space.
• Fake headings (bold only) will be missed by screen readers, so don't use them.
• Headings should have some content below them that is relavent to the heading.
• Heading order should be logical.

MORE: Heading information by WebAIM

---

Descriptive Links

• Avoid uninformative link phrases (e.g., click here).
• Avoid using raw URLs as links. Use informative text and hyperlink that instead.

MORE: Link Text information by WebAIM

---

Color

• Ensure that the contrast between text and background is distinct. Use the Contrast Checker by WebAIM to confirm your contrast ratio's are at least 4.5:1.
• Ensure that your content does not require color vision.

MORE: Contrast and Color Accessibility information by WebAIM

---

Lists

• List structure should be used wherever a logical list is present.
• Don't create "fake lists" that don't include proper HTML structure.

MORE: List information by WebAIM

---

Tables

• Avoid using Tables for "layout".
• Ensure that data tables are scoped with proper heading syntax and captions.
• If you must use a table, keep the stucture simple. No merged cells.

MORE: Table information by WebAIM

---

Clean HTML code

• W3C HTML Validator is free and helpful for finding errors in your syntax.
• HTML Washer strips out styles and other tags so you have clean HTML.
• CANVAS Clear Formatting feature within the "Rich Text Editor" strips out some tags to help clean HTML.

ALLY Accessibility Checker

• The inline Ally HTML Accessibility Tool is located above the rich text editor.
• The Ally Course Accessibility Report is accessed through each CANVAS course menu.
• NEW FEATURE: Ally can OCR scanned PDF documents!

MORE: ALLY Instructor Guide

CANVAS Built-in Accessibility Checker

• The Rich Content Editor Accessibility Checker is located below the text editor.

MORE: How do I use the Accessibility Checker in the Rich Content Editor?

---

CANVAS Module Layout

• Use unique, simple naming conventions. Be consistent.
• Simplify navigation where possible.
• Use Text Header and indention to improve readability by creating a hierarchical structure.

MORE: Mastering Modules: A Guide to Organizing Your Content in Canvas

---

Equations and Logical Expressions

• Use the Equation Editor in the Rich Content Editor to add math and chemical expressions.
• If you must post an image of your equation, include a full text equivalent of the equation image.

MORE: Equation Editor in the Rich Content Editor

---

Alternative Formats

• Ally's built-in Alternative Format feature allows you and your students to transform content into a variety of formats.
• You may disable Alternative Formats on a particular file if needed.

MORE: Ally Alternative Formats

---

"CLEAN" Course Copy

Performing a "CLEAN" COURSE COPY will greatly benefit you when attempting to use the ALLY accessibility reporting tools. Submit a support request to clean out unused files.

• EXPORT course package
• DOWNLOAD course package
• RESET course content
• IMPORT course package (include only files "in use")

• Informative images: Short description conveying the essential information.
• Decorative images: Provide a null text alternative (alt="").
• Functional images: Text alternative should describe the functionality.
• Images of text: Avoid text in images; if used, alt text should contain the same words.
• Complex images: Provide a complete text equivalent of the data or information.
• Groups of images: Text alternative for one image should convey the information for the entire group.

SOURCE: W3 Image Tutorial

Close Captions help users with Auditory Disabilities

• All video must provide closed caption transcripts.
• Upload or record video using Panopto Video within your CANVAS course to automatically generate captions.
• Auto-captions MUST be reviewed by a human.

Audio Descriptions help users with Visual Disabilities:

• All video that present information only visually must include audio descriptions.

MORE: Captions, Transcripts, and Audio Description information by WebAIM

Preferred Option

Could the document be delivered as HTML content? If so, convert it to a Canvas module page.

Common PDF Accessibility Fixes

1. Run Adobe's PDF Acessibility Checker
   Acrobat Pro > All Tools > Prepare for Accessibility > Check for Accessibility
2. OCR Scanned Text
   Acrobat Pro > All Tools > Scan & OCR > Recognize Text
3. Add Tags
   Acrobat Pro > All Tools > Prepare for Accessibility > Automatically tag PDF
4. Set Document Title
   Acrobat Pro > Menu > Document Properties > Description > Title
5. Set Language
   Acrobat Pro > Menu > Document Properties > Advanced > Language
6. Add Alt Text to Images
   Acrobat Pro > All Tools > Prepare for Accessibility > Add Alternate Text
7. Set Reading Order
   Acrobat Pro > All Tools > Prepare for Accessibility > Fix Reading Order
8. Identify Form Fields
   Acrobat Pro > All Tools > Prepare for Accessibility > Identify Form Fields / Auto tag form fields
9. Color
   Use Contrast Checker to confirm your colors have a 4.5:1 ratio minimum between foreground and background.
   Ability to see specific color should not be required to understand the content.
10. Tables
    Avoid tables for layout.
    Add headers if data tables are required.
11. DO NOT "Print to PDF"
    Do not save a PDF using Print feature. It strips accessibility features of the PDF.

MORE: Adobe PDF Accessibility Help

Preferred Option

Could the document be delivered as HTML content? If so, convert it to a Canvas module page.

Common WORD Accessibility Fixes

1. Run Microsofts's Accessibility Checker
   Microsoft Word > Review > Check Accessibility
2. Built-in Headings and Styles
   Microsoft Word > Review > Check Accessibility > Navigation
3. ALT Text for Images
   Microsoft Word > Review > Check Accessibility > Alt Text
4. Reading Order
   EDIT CONTENT: Microsoft Word > Home > Styles > Heading # (use logical order)
   CHECK CONTENT: Microsoft Word > Review > Check Accessibility > Navigation Pane
5. Descriptive Links
   No "click here", No RAW URLs (e.g., https://www.uidaho.edu/sample-raw-url.aspx). Add relavent descriptive text, then hyperlink the text.
6. Color
   Use Contrast Checker to confirm your colors have a 4.5:1 ratio minimum between foreground and background.
   Ability to see specific color should not be required to understand the content.
7. Tables
   Avoid tables for layout.
   Add headers if data tables are required.

MORE: Microsoft's Accessible Word Document Help

Preferred Option

Could the document be delivered as HTML content? If so, convert it to a Canvas module page.

Common POWERPOINT Accessibility Fixes

1. Run Microsofts's Accessibility Checker
   PowerPoint > Review > Check Accessibility
2. Slide Titles are Unique
   Screen readers navigate using unique slide titles
3. ALT Text for Images
   PowerPoint > Review > Check Accessibility > Alt Text
4. Reading Order
   PowerPoint > Review > Check Accessibility > Reading Order Pane
5. Descriptive Links
   No "click here", No RAW URLs (e.g., https://www.uidaho.edu/sample-raw-url.aspx). Add relavent descriptive text, then hyperlink the text.
6. Color
   Use Contrast Checker to confirm your colors have a 4.5:1 ratio minimum between foreground and background.
   Ability to see specific color should not be required to understand the content.
7. Tables
   Avoid tables for layout.
   Add headers if data tables are required.
8. Font Size
   Use 18+ pt Font.

MORE: Microsoft's Accessible PowerPoint Help