2. Web Accessibility

3. It’s Happening Here http://louisville.edu/web/accessibility/events-workshops/camp-delphi Camp Delphi

4. 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

5. Why Web Accessibility?

6. 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.

7. What is Web Accessibility?

8. Web Accessibility is BARRIERS =ACCESS 4Everyone EQUAL Questions?

9. Visual Barriers can include Images (still or animated) Video & Visual elements “Downloadable” files w/plugins Inconsistent navigation or content Lack of adequate Color Contrast

10. Sound Barriers can include Video or audio Lack of transcript or captioning w/narrative “Downloadable” files Auditory stimulus that does not provide an alternative

11. 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 

12. 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?

13. Unintentional Barriers DID I DO THAT?

14. 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.

15. Example of sound barrier Watch a brief portion of this video. http://www.youtube.com/watch?v=vdrkfZhfVo4 http://www.youtube.com/watch?v=vdrkfZhfVo4 Now watch the same video in an alternate version http://www.overstream.net/view.php?oid=ndtluvivmbmr Did the alternate version make any difference for you?

16. Example of visual barrier Watch a brief portion of this video. http://www.youtube.com/watch?v=vdrkfZhfVo4 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?

17. What Can I Do? Best Practices to prevent barriers

18. Follow WCAG Guidelines WCAG = Web Content Accessibility Guidelines W3C = 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

19. 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!

20. Develop Techniques To Assist in Accommodation

21. Golden Rule Remain Flexible! Design with accessibility in mind and be prepared to accommodate a student’s special request. Questions?

22. 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

23. 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

24. IT Next Gen Services Strickler Hall 852-0947 Thank YOU!