Web Accessibility

It’s Happening Here

http://louisville.edu/web/accessibility/events-workshops/camp-delphi

Camp Delphi

Objectives

• Identify barriers that impact accessing electronic information

• Using design principals to reduce or eliminate barriers to online learning

• Develop techniques to assist in accommodation

Why Web Accessibility?

Let’s state the obvious

• It’s The Law–Americans with Disabilities Act, 1996–Rehabilitation Act, 1998–Kentucky Statutes, 2000

• It’s the RIGHT thing to do.

What is Web Accessibility?

Web Accessibility is

BARRIERS

=ACCESS4Everyone

EQUAL

Questions?

Visual Barriers can include

• Images (still or animated)

• Video & Visual elements

• “Downloadable” files w/plugins

• Inconsistent navigation or content

• Lack of adequate Color Contrast

Sound Barriers can include

• Video or audio

• Lack of transcript or captioning

w/narrative

• “Downloadable” files

• Auditory stimulus that does not

provide an alternative

Physical Barriers can include

• Excessive mouse-clicks

• Require joystick or mouse• Small amount of clickable “real

estate”

• Require quick text input• Lacks keyboard navigation

(tab keys, etc.)

Best practice: Make sure your site can be easily navigated with keyboard

Tab

Cognitive Barriers can include

• Lack of white space or contrast

• Content that is unclear

• Animations or distractions

• Inconsistent content placement• Require rapid text input• Downloads, specific software or plug-in

Questions?

Unintentional Barriers

DID I DO THAT?

Design with A.I.M.

Design with Accessibility In Mind• How do others consume?• Avoid unintentional barriers • Equivalent alternatives• Simple navigation w/limited choices

Best Practice - Avoid:

• Chats (or make them optional)• ALL CAPS (indicates shouting)• Showing unused tools (can confuse or distract)

• Attachments (frustration)

See full list in handouts.

A.I.M.

Example of sound barrier

Watch a brief portion of this video. http://www.youtube.com/watch?v=vdrkfZhfVo4

Now watch the same video in an alternate versionhttp://www.overstream.net/view.php?oid=ndtluvivmbmr

Did the alternate version make any difference for you?

Example of visual barrier

• Watch a brief portion of this video. http://www.youtube.com/watch?v=vdrkfZhfVo4

• Let’s watch it again – this time WITH video

• Did it make more sense for you the second time?

Questions?

What Can I Do?

Best Practices to prevent barriers

Follow WCAG Guidelines

WCAG = Web Content Accessibility GuidelinesW3C = World Wide Web Consortium

See the full checklist at:http://www.w3.org/TR/WCAG10/full-checklist.html

Handouts: W3C/WCAG -10 Quick Tips & Basic 5-minute Quick Check

USE ME! I am here for you!

http://louisville.edu/web/accessibility

• Standards & Guidelines• How-to pages• Resources

How-to: Sample video Word 2007 document to Accessible PDF file

Tell me what else you’d like to know!

Develop TechniquesTo Assist in Accommodation

Golden Rule

Remain Flexible!Design with accessibility in mind and

be prepared to accommodate a student’s special request.

Questions?

Distance Learning Video

• 10-minute video

• Real Connections: Making Distance Learning Accessible to Everyone

• http://www.washington.edu/doit/Video/Wmv/real_con-h.asx

Does anyone have any questions they would like to ask regarding Web Accessibility?

Do you have an experience you would like to share with us regarding Accessibility?

QUESTIONS AND ANSWERS

IT Next Gen ServicesStrickler Hall

852-0947

Thank YOU!