1 of 32

Accessibility for Educators

UIS Center for Online Learning, Research and Service

New Faculty Teaching and Learning Academy 2021

2 of 32

About COLRS

COLRS is the UIS hub for the study and application of online learning pedagogy, technology, and best practices.

    • Strive to empower UIS faculty in the delivery of online education
    • Support original scholarly research
    • Build synergies between research and online education practices
    • Build online collaborations

3 of 32

COLRS Team

  • Vickie Cook, OPEL Executive Director
  • Michele Gribbins, COLRS Associate Director/Interim Director
  • Emily Boles, eLearning Specialist
  • Carrie Levin, eLearning Specialist
  • John Freml, IT Technical Associate
  • Alana Gomoll, Accessibility Coordinator
  • Scott Moomaw, Multimedia Specialist

4 of 32

COLRS Resources for Faculty

5 of 32

Why is Accessibility Important?

  • It’s the law.
  • It’s the right thing to do.

6 of 32

Types of Disability

  • Physical Disabilities (Including visual and auditory)
  • Learning
  • Cognitive

  • Totaling 25% population
  • About 10% of students actually go to Disability Services to get accommodations.

7 of 32

8 of 32

Actions to Improve Accessibility

  1. Reading Order
      • Heading style & Text Box in Word
      • Slide Layout in PowerPoint
  2. Showing Emphasis �(Bold, Italics, color changes)
  3. Font sizes
  4. Color Contrast
  5. Repeated Characters
  1. Link formats
  2. Lists
  3. Alternative representations
      • Alt Text
      • Captions & Transcripts (see Alana!)
  4. Table Formatting and Use
  5. Read it aloud

TOP 10

9 of 32

The Tools

  • PC: Office 2013 or newer
  • Mac: Office 2016 or newer
  • Online: Office 365 is free for UIS users. Log in at go.uis.edu/office365
  • Help for Accessibility in MS Office Products

10 of 32

Reading Order

Navigation in Word: Headings

#1

11 of 32

Reading Order

PowerPoint Titles

  • Titles are headings in PowerPoint
  • Checking reading order

12 of 32

Showing Emphasis�Skip the color; Just use bold (strong) OR italic (emphasis)

  • Many people like to add emphasis to their words in documents by highlighting, changing text to a different color, or changing the font to be in bold, italic, or underlined.

#2

13 of 32

Fonts Sizes

  • Arial for online materials �(and other san-serif fonts like Verdana, Tahoma, Calibri, or Helvetica)
  • Size 14 +
  • 90% of visions issues relate to limited vision
  • 60-80% of students access info on phones

#3

14 of 32

Color Contrast�& Color Combinations to Avoid

  • Green & Red
  • Green & Brown
  • Blue & Purple
  • Green & Blue
  • Light Green & Yellow
  • Blue & Grey
  • Green & Grey
  • Green & Black

WebAIM Color Contrast Checker

#4

15 of 32

Repeated Characters

and Screen Readers

  • Space Space Space
  • Enter Enter Enter
  • Tab Tab Tab
  • Repeated Characters are read aloud!
  • Use other built in features to arrange text.

#5

16 of 32

Natural Language Hyperlinks

  • https://Doyoureallythinksomeonewantstoreadthis\imeanit!\@huh\#$too\%^dontforget&*()-_?><,.?     OR
  • Assignment 1

#6

17 of 32

Lists Create Structure for Information

Unordered List

  • Bullet
  • Bullet
  • Bullet

Ordered List

  1. First
  2. Second
  3. Third

#7

18 of 32

Alternative Representations

Alt text for images

Defining Alt Text

  • Alternative text provides a textual alternative to non-text content in web pages. 
  • Read by screen readers
  • Displayed in place of an image
  • Provides information to search engines

Alt Text Activity

  1. View the image.
  2. We’ll call on volunteers to describe the photo to the group and discuss what makes for high quality alt text.
  3. We’ll share the alt text for these images used in real courses.

#8

19 of 32

Picture 1

20 of 32

Alt text for Picture 1

Depicted is a photograph of an X chromosome (longer and larger in size on the left) and a Y chromosome (much shorter and positioned on the right).

21 of 32

Picture 2

22 of 32

Alt Text for Picture 2

Two indigenous Maya women are seen standing and talking together in a marketplace; each is wearing brightly colored clothing specific to her community, with a huipil (wi-pil) blouse, long corte (kor-te) skirt, and cloth wrapped on her head.

23 of 32

Alt Text Wrap Up

  • Like many things in web accessibility, determining appropriate, equivalent, alternative text is often a matter of personal interpretation. 
  • As the content matter expert in your course, you know why you selected the image and provide that context for your students.

24 of 32

Alternative Representation in Videos

  • Captions
  • Transcript
  • Audio Description

25 of 32

Tables should format tabular dataNot replace forms

Name

Address

City

State

Alice Cooper

4135 E Keim Dr

Paradise Valley

Arizona

Frank Zappa

7885 Woodrow Wilson Dr

Los Angeles

California

Name

Address

City

State

#9

26 of 32

Read it out loud

  • How does a screen reader interpret these? 
    • 7-10 
    • Faculty/staff 
    • Automated Systems and Solutions
    • Wed

#10

27 of 32

Accessibility Resources at UIS

28 of 32

Accessible Syllabus Template

29 of 32

If you decide to Convert a DOCX to PDF...

  • You're going to need to check for accessibility AGAIN in your PDF. 
  • The conversion process adds new issues!
  • PDFs used in Course Reserves through Brookens Library will be made accessible

30 of 32

Canvas + Accessibility

  • It is only as accessible as what you upload.
  • Page accessibility checker
  • UDOIT Canvas course-level accessibility checker

31 of 32

Free Professional Development Programs for UIS Faculty

ION Professional eLearning Programs

uis.edu/ion

32 of 32

Contact COLRS

  • For more information about Hyflex learning pedagogy, visit the COLRS website
  • To schedule a meeting with a member of the COLRS team, visit the Office 365 “Book COLRS” site.
  • Join COLRS open office hours, daily at 10 AM: go.uis.edu/colrszoom