Making Multimedia Content Accessible to All: Accessibility Tips & Tricks

Making Multimedia

Content Accessible to All

Simple Strategies

File Names

File Names

Document 001 – vs7-5.22.2017.docx FallSyllabus.docx

•  File names should not contain: •  spaces •  special characters

•  File names should be: •  concise •  generally limited to 20–30 characters

•  Lastly, does the name make the contents of the file clear? 1

TIP

URLS

URLS

http://www.website.com/file +names &source=B &biw=1079&bih=60 www.NYTimes.com Article on Accessibility

URLs should contain: •  descriptive hyperlinks URLs should NOT: •  Use generic phrases like “Click here” or “Link” Verify that URLs are linked to correct web destinations or file 2

TIP

Formatting

Formatting

Documents should utilize recommended fonts: •  Times New Roman, Verdana, Arial, Tahoma,

Helvetica, or Calibri Document should be formatted using Style Elements: •  Heading 1, Heading 2, BodyText 3

TIP

Word •  Formatting / Heading Styles

Word •  Formatting / Heading Styles

Word •  Formatting / Heading Styles

Word •  Formatting / Heading Styles

Course Syllabus Course Description Required Text

Screen Reader Navigation

Video Captioning

Captioning Videos should utilize: •  Transcripts or Closed Captioning 4

TIP

Captioning benefits Everyone: •  Improves comprehension of, attention to and

memory for the video •  Beneficial for non-native speakers •  Deaf or Hard of Hearing •  Can watch when in a location with audio

issues or where silence is required

YouTube Captioning

= YouiD Search

/ • Info & Settings ;:. Enhancements I Audio

View publ ished subtitles and CC: English Subtltles/CC source: lindsay Karp

Actions •

0044 f1e o and good Mornlngi'"l Fraek ser an OOF

nor ~nrl wPirnmP tn fw-ulty tprhnnlnOY

0 ~

88 day 1011 Dr Stephen Fr edrPan, our C. 28

0 2 8 provost extens ons his we come and of 0 <2 course

0 <2 the reverend Joseph M McShane of the 0 76

0 76 society of esus. our president and 02~ 1

02~ 1 leader extends~ s welcome

022

m End screen & Annotations 0 Cords

I

llo and good and welcome to +rning I'm Frank faculty technology our 1ani

CD SUbtitles/CC

Edol

•

Unpubllsh

the ri!VE Joseph McSha•

0

Designing Content

Graphics

Images used should include: •  Alternative text •  Image Descriptions •  Decorative images should be labeled 5

TIP

Icons may be used to breakup the the text Icons may be useful for visual learners Icons should be marked as decorative images

Use of Handwriting is Unacceptable

Improves Accessibility

HIGH COLOR CONTRAST

DESIGN

Do you think you can improve your instructional material?

Color Blind

Do you think you can improve your instructional material?

Color Blind

NO YES

Do you think you can improve your instructional material?

If your content isn’t accessible, you are creating barriers &

making their impairment a disability “ ”

How to Run OCR in Acrobat

Accessibility Check List for

File Types

Guidelines for Creating Content

• File Names • URL links • Formatting • Captioning • Graphics • Design • Use OCR for PDFs • Use ADA Creation Checklist

Other things to consider: Design Cycle - build-in accessibility from the start Color blindness - don't use color to represent ideas Visual learners - use icons to break up text

Recap •  File Names •  URL links •  Formatting •  Captioning •  Graphics •  Design •  Use OCR for PDFs •  Use ADA Creation Checklist ?

Questions

Other things to consider: Design Cycle – build-in accessibility from the start Color blindness – don’t use color to represent ideas Visual learners – use icons to break up text