Canvas (Accessibility) - Using the UDOIT Cloud Accessibility Tool

The UDOIT Cloud Course Accessibility checker was made available on October 12, 2020 for instructors in all Canvas courses in the University of Wisconsin System Digital Learning Environment (excluding UW-Madison). UDOIT is designed to assist faculty with improving the accessibility of their Canvas courses. It scans Canvas courses, provides easy-to interpret suggestions to improve the accessibility of the course, and can automatically repair many common accessibility issues.

For an overview of the tool, see the UDOIT Cloud Accessibility Tool page from Cidi Labs or watch this video from Video@CDL


Contents

Should I Use UDOIT or the Canvas Accessibility Checker?

The UDOIT Cloud Accessibility Tool is designed to compliment Canvas's native Accessibility Checker, and can be used in combination with it. Each tool has its own particular strengths.

Canvas Accessibility Checker

  • Scans content within the Rich Content Editor
  • Scans one page at a time
  • Looks for 11 accessibility issues

UDOIT

  • Scans published and unpublished html content
  • Scans published files
  • Scans entire course at one time
  • Looks for 21 accessibility issues 

Finding Accessibility Issues

As an instructor, you can follow these steps to find potential accessibility errors and suggestions in your Canvas courses:

1) Log in to Canvas at https://uws.instructure.com or from your institution's custom URL

2) Use Canvas's Dashboard or Courses page to navigate to any course where you have the Teacher role.

3) In the course navigation menu on the left, select UDOIT Cloud.

Canvas course navigation menu with UDOIT Cloud highlighted.

4) You may get a prompt indicating "Cidi Labs UDOIT Cloud is requesting access to your account." Click Authorize.

5) On the "Welcome to UDOIT" screen, select the content areas you'd like to scan. Choose to scan for errors, suggestions, or both (recommended). Click Scan this Course.

"Welcome to UDOIT" screen in a Canvas course with check boxes for Canvas content areas selected and the Scan this Course button highlighted.

6) Scanning the course may take a minute or two. In the meantime, you'll get a message indicating "Scanning... please stay on this page while UDOIT scans your course content."

UDOIT message indicating "Scanning... Please stay on this page while UDOIT scans your course content."

7) The "Summary" page of the "Report for UDOIT Testing" page will list the following:

  • Errors, in red, are issues which MUST be fixed to ensure equal access.
  • Suggestions, in blue, are issues which SHOULD be fixed to ensure equal access.

Report Summary page with errors listed in red and suggestions listed in red.

Common issues are listed below in the Tips for Common Errors and Tips for Common Suggestions sections.

8) Click any of the subheadings on the left of the Report (ex: Assignments, Discussions, Pages, etc.) to get more detail about the errors and suggestions in that area and to access the U FIX IT! tool for resolving the issues.

Sample Report for the Syllabus section of a course, listing two errors, one of which has a green "UFIXIT" button.

Resolving Accessibility Issues

UDOIT gives instructors several ways to fix accessibility issues they find in their Canvas courses.

9) From the detailed view of the "Report for UDOIT Testing" (#8, above), each error is explained in detail. 

"View source code of this issue"

Clicking View the source of this issue will display the source code at issue. In this example, a document has a header (<h2>) with no text inside of it:

Example of "View the source of this issue": A set of HTML header 2 tags with no text in between them.

10) Often, errors or suggestions will include a green "U FIX IT!" button. 

Green button labeled "UFIXIT"

Clicking U FIX IT! will allow you to resolve the issue without leaving the page you're on. U FIX IT! may give you a text entry box to provide additional text, a checkbox to delete an item, or a drop-down menu to select between multiple options. Clicking Submit saves the changes to your Canvas course.

U FIX IT! offering options to fix an accessibility issue with a text entry box or a checkbox.

11) If U Fix IT! is not available, you can click the section heading (ex: Syllabus) to be taken directly to that section of the Canvas course, where you can use Canvas's standard features to edit it from there.

UDOIT report with the link back to the Syllabus section of the main course highlighted.

12) After fixing as many errors and suggestions as you want, you can scan your course again (step #5, above) to verify that the issues have been fixed and that new issues have not popped up.

Tips for Common Errors

Links should contain text

Because many users of screen readers use links to navigate the page, providing links with no text (or with images that have empty "alt" attributes and no other readable text) hinders these users. Please add descriptive text.

No alternative text found

Alternative text (alt text) is an alternative (non-visual) way to describe the meaning of an image. Please provide a brief description of the image for a screen reader user. Note: alt text should be more than image file name.

Decorative images should have empty alternative text

If an image was marked as decorative in the Rich Content Editor, please remove the alternative text.

Alternative Text should not be the image filename 

Alternative text (alt text) is an alternative (non-visual) way to describe the meaning of an image. Simply repeating the image file name is not descriptive enough. Please provide a description.

Alternative Text is more than the maximum allowed characters

Alternative text (alt text) is an alternative (non-visual) way to describe the meaning of an image. Although alt text should be descriptive, it should also be short, typically no longer than 80-125 characters.

Alt text for img elements used as source anchors should not be empty

Alternative text (alt text) is an alternative (non-visual) way to describe the meaning of an image. Please provide a brief description of the image for a screen reader user. Note: alt text should be more than image file name.

No table headers found 

Add a table header because it provides a description of the table structure for sighted and screen reader users.

No row or column scopes declarations found in headers of the table

Scope declarations in headers organize and define table data by row/column for sighted and screen reader users. Please add scopes declarations to the headers.

Insufficient text color contrast with the background 

Text color should be easily viewable and should not be the only indicator of meaning or function. Color balance should have at least a 4.5:1 ratio. Warning: using UFIXIT to fix one section of text may invalidate the contrast in nested sections of text that are not the same color.

Multimedia objects should have text equivalents (e.g., transcripts)

Multimedia objects (such as videos) should be accompanied by captions or a link to a transcript of the content. See the guide to adding and editing captions in Kaltura.

Tips for Common Suggestions

Avoid the use of animated GIFs

Animated GIFs may cause seizures if they flash more than 3 times per second. Please use an alternative format to deliver the content.

No closed captions found

Closed captions should be included in the video to provide dialogue to users who are hearing impaired. See the guide to adding and editing captions in Kaltura. Please note that videos that have been removed, deleted, or are Unlisted will also cause this suggestion, so this will need to be manually verified.

Closed captions do not match course language

Closed captions that match the course language should be included in the video to provide dialogue to users who are hearing impaired. Please note that videos that have been removed, deleted, or are Unlisted will also cause this suggestion, so this will need to be manually verified.

Content length should not exceed 3000 words 

For content longer than 3000 words, consider splitting it up into multiple documents. This makes it easier for students to process and retain the information. 

Link text should be descriptive  

Links should be descriptive of the content they're linking to, such as "Class Schedule" rather than "schedule.html" or "click here."

The text equivalents (e.g., transcripts and/or captions) for embedded content should update when content changes. 

See the guide to adding and editing captions in Kaltura.

Multimedia may require plugins to display properly.  

Multimedia embedded using the "Object" tag may require the user to install a plugin for their web browser. This can create support and access issues for some users. Additionally, users on mobile devices may not be able to view the multimedia content at all. Consider using an alternative format that the user's browser can display natively.

Headings should contain text  

Sighted and screen reader users depend on headings to organize the content on the page. Headings should not be empty and should represent an accurate outline of the content.

Consider adding headings to your document to create more structure 

If appropriate, add headings to the page to organize the content for sighted and screen reader users. The headings should represent an accurate outline of the content.

Avoid using styles for document structure 

Bold and Italics are used to emphasize text, whereas headings are used to define the structure of the document. Headings like h1-h6 are extremely useful for non-sighted users to navigate the structure of the page. Formatting a paragraph to just be big or bold, while it might visually look like a heading, does not make it one.

Avoid using color alone for emphasis 

When emphasizing text, you may use color with sufficient contrast as long as you also apply some other form of emphasis, such as bold or italics. This ensures that screen reader users are aware of the text's importance.




Keywords:accessibility, accessibile, access, disability, assistive, JAWS, screen reader, caption, alt text, heading,   Doc ID:106264
Owner:Thomas A.Group:UW System Administration DLE
Created:2020-09-30 10:44 CDTUpdated:2020-10-13 09:38 CDT
Sites:UW Green Bay, UW Oshkosh , UW Platteville, UW Stout, UW System Administration DLE, UW-La Crosse, UW-Milwaukee Center for Excellence in Teaching and Learning
Feedback:  0   0