1 of 22

June 17-19, 2020 Virtual Conference

Steps to Building Effective �&�Accessible Course Design

Liesl Madrona

Presented by:

Empowering the Online Teaching Community for 20 Years

Slide 1

2 of 22

Liesl Madrona

June 17-19, 2020 Virtual Conference

Instructional Designer

CCC Accessibility Center

Lmadrona@ccctechcenter.org

​

​

Slide 2

3 of 22

CCC Accessibility Center

June 17-19, 2020 Virtual Conference

  • Funded under the Shared Infrastructure Program grant from the �CCC Chancellor’s Office
  • Located at the CCC Technology Center at Butte College
  • Areas of focus include:
    • Web and IT accessibility
    • Alternate media
    • Assistive computer technology

​

Slide 3

4 of 22

Learning Objectives

June 17-19, 2020 Virtual Conference

  • Define each of the elements of L-I-S-T and CAT
  • Develop a workflow for approaching inaccessible instructional materials based on priority
  • List online resources and support to help create accessible course design

​

Slide 4

5 of 22

L-I-S-T

, 2019 | Walt Disney World Resort®, FL

June 17-19, 2020 Virtual Conference

Lin

Images

Structure: Headings & Lists (numbered/bullet)

Tables

Slide 5

6 of 22

C-A-T

, 2019 | Walt Disney World Resort®, FL

June 17-19, 2020 Virtual Conference

Captions

Audio transcription

Transcript

​

Slide 6

7 of 22

Your choices in formatting affect students

June 17-19, 2020 Virtual Conference

Here's a paragraph.

​

Here's a heading.

 

Here's a bulleted list: 

  • Item 1
  • Item 2

Slide 7

8 of 22

Your choices in formatting affect students

June 17-19, 2020 Virtual Conference

Here's a paragraph.

​

Here's a heading.

 

Here's a bulleted list: 

  • Item 1
  • Item 2

<p>Here's a paragraph.</p>

 

<h2>Here's a heading.</h2>

 

Here's a bulleted list: 

<ul>

<li>Item 1</li>

<li>Item 2</li>

</ul>

Slide 8

9 of 22

June 17-19, 2020 Virtual Conference

Canvas HTML reveals all

Slide 9

10 of 22

June 17-19, 2020 Virtual Conference

Canvas HTML reveals all

Slide 10

11 of 22

Use the built-in Canvas Rich Content Editor

June 17-19, 2020 Virtual Conference

Slide 11

12 of 22

Screen Readers Navigate in Different Ways

June 17-19, 2020 Virtual Conference

Can pull up a list of:

  • Links
  • Images
  • Headings
  • Lists
  • Tables

Slide 12

13 of 22

Which examples are helpful?

June 17-19, 2020 Virtual Conference

Unacceptable

  • Click here to read the article.
  • Read our academic integrity policy – More Info.
  • Article 1 (Read More) | Article 2 (Read more)
  • Learn more about color and accessibility here and here.

Appropriate

Slide 13

14 of 22

Tutorial - Quick Style!

June 17-19, 2020 Virtual Conference

Slide 14

15 of 22

Alt Media Format 1: Transcript, Captions, Subtitles?

June 17-19, 2020 Virtual Conference

Slide 15

16 of 22

Alt Media Format 2: Transcript, Captions, Subtitles?

June 17-19, 2020 Virtual Conference

Slide 16

17 of 22

Alt Media Format 3: Transcript, Captions, Subtitles?

June 17-19, 2020 Virtual Conference

Slide 17

18 of 22

Alt Media Format 4: SDH - Yes, Acceptable

June 17-19, 2020 Virtual Conference

Slide 18

19 of 22

What is Audio Description?

June 17-19, 2020 Virtual Conference

Closed Captioned Version

​

Slide 19

20 of 22

How to caption your videos: Canvas & 3C Media LTI

June 17-19, 2020 Virtual Conference

Slide 20

21 of 22

Downsub + Amara: For Videos You Don’t Own

June 17-19, 2020 Virtual Conference

Multiple video sources, but with a “wrapper” the �displays the captions synchronized with the video

​

21

Slide 21

22 of 22

Liesl Madrona

June 17-19, 2020 Virtual Conference

Instructional Designer

CCC Accessibility Center

Lmadrona@ccctechcenter.org

​

​

Slide 22