UDOIT – Universal Design Online Inspection Tool

UDOIT UNIVERSAL DESIGN ONLINE CONTENT INSPECTION TOOL

What is UDOIT?

The Universal Design Online Content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in Canvas courses at MiraCosta College. It will scan a course, generate a report, and provide resources on how to address common accessibility issues. It was created by the Center for Distributed Learning (CDL) at the University of Central Florida (CDL)

What does it do?

UDOIT will identify “errors” and provide “suggestions” in the following areas of your course:

Announcements
Assignments
Discussions
Files (i.e., .html files)
Pages
Syllabus
Module URLs

It will check for the appropriate use of the following:

Use of headings in page structure
Alternative text for images
Table headers
Color contrast
Video captions

Please note: some items cannot be examined by UDOIT. These include external documents and some videos/audio files for captioning/transcripts.

Enable UDOIT within your Canvas Course and Run an Accessibility Report

More Information about Accessibility

10 Tips for Creating Accessible Course Content

Note: These tips are a starting point for creating accessible course content; for additional information or if questions arise, please contact Robert Erichsen, Access Specialist at rerichsen@miracosta.edu

  1. Accessibility Statement added to syllabus. Include: 1) Disability Accommodations statement; 2) Links to vendor accessibility information for specialty products used in your course.
    Resources: MiraCosta’s syllabus checklist has examples of recommended language.
  2. Semantic Structure (or Styles) always used to create structure in Word, Open Office, HTML, etc. Heading 1 for Document Title; Heading 2 for all Section Titles; Heading 3 for all Sub-section Titles. Also, Strong (structural equivalent of bold); Emphasis (structural equivalent of italics). Other Style types are available, as needed. Table of Contents should be provided based on the Heading structure; Table of Figures, if needed.
    Resources: Making Headers in MS Word
    Creating Accessible Documents Word (WebAIM)
  3. True Formatting in Documents through use of bulleted or numbered lists, true columns, and true tables instead of using returns, spaces, or tabs to create faux structure.
    Resources: Creating Accessible Documents Word (WebAIM)
  4. Ensure Readability Divide large blocks of text into smaller more manageable sections; avoid complex sentences; use sans-serif font at approximately 12 points.
    Resources: http://juicystudio.com/services/readability.php
  5. Text Equivalents (ALT Text) for every non-text element such as image, chart or graph. A clear, concise description 100 characters or less that is provided via Format Picture. If ALT text alone is insufficient, provide Long Description in surrounding text or as separate document.
    Resources: Creating Accessible Word Documents
    Adding Alt Text to an Image in Word 2013 (You Tube video)
  6. Avoid Color Coding Color alone should not be the sole means of conveying important information.
    Resources: http://www.jimthatcher.com/webcourse7.htm
  7. Sufficient Color Contrast between foreground and background elements. Also, background does not overpower text (e.g. PowerPoint, Web page, etc.)
  8. Descriptive Hyperlinks must make sense out of context; avoid vague descriptions like “Click Here” or “Email Me”. Avoid using the URL. Instead, hyperlink text should describe the destination: website name, document name, or other resource.
    Resources: http://www.webaim.org/techniques/hypertext/
  9. Accessibility Checkers: always use the software’s built-in Accessibility Checker (Word, Open Office, Adobe Acrobat, Excel, PowerPoint, etc.). Follow the Repair recommendations provided by the Accessibility Checker to fix errors.
    Resources: Check for Accessibility Issues in Microsoft Office
    Check for Accessibility Issues in Adobe Acrobat
  10. Multimedia a) Audio-only: provide Text Transcript; b) Video-only provide Video Description (text description of key visual elements); c) Audio+Video provide Closed Captions, Text Transcript, and Video Description. Note: Text Transcript and Video Description can be combined in one file.
    Resources: Distance Education Transcription and Captioning Grant (DECT) – contact Robert Erichsen, Access Specialist at rerichsen@miracosta.edu for more details. You may also request DECT captioning directly when you upload your videos to 3C Media Solutions.
    Creating Subtitles and Closed Captions on Your YouTube Videos

Additional Resources

Accessible Narrated Streaming PowerPoint Presentations

Microsoft PowerPoint is a common teaching tool that many instructors use to present course materials. In order to use these presentations within an online course, instructors must make them accessible for students with disabilities. Narrating your PowerPoints and streaming them online with captions is an optimal way to make your presentations more engaging for your online students as well as compliant with Section 508 / WAI standards.

The following three videos will walk you through the process from start to finish.

Step 1:  Narrate your PowerPoint presentation and Save as a .mpeg4 movie file

This video will walk you through  narrating your PowerPoint presentation with your voice and saving the file as a .mpeg4 movie file.

Step 2:  Upload the PowerPoint .mpeg4 video file to 3C Media Solutions

This video will walk you through uploading your .mpeg 4 movie file to 3C Media Solutions.

3C Media Solutions is a free streaming video server funded by a grant from the California Chancellor’s office.

Step 3: Request Captioning and add the Presentation to your Canvas course

This video will walk you through requesting captioning for your video free of charge. This service is made possible by the DECT Grant funded by the California Community Colleges Chancellors Office. This video will also walk you through how to add your streaming video presentation to your Canvas LMS course.