1 / 0

Intro to Web Accessibility

Intro to Web Accessibility. Marilyn Greenwell Web Accessibility Coordinator Information Technology – NextGen Services Marilyn.Greenwell@louisville.edu 502-852-1630 http://louisville.edu/web/accessibility/. louisville.edu/web/accessibility.

kira
Download Presentation

Intro to Web Accessibility

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Intro to Web Accessibility Marilyn Greenwell Web Accessibility Coordinator Information Technology – NextGen Services Marilyn.Greenwell@louisville.edu 502-852-1630 http://louisville.edu/web/accessibility/
  2. louisville.edu/web/accessibility Member of the University of Louisville's Web Development Team and I.T.'s Next Gen Services Title: Web Developer/Web Accessibility Coordinator Charged with reviewing and monitoring the University's Web site to insure compliance with the W3C's WCAG Version 1.0, Priority 1 guidelines Provide Webmaster Certification Training program for faculty/staff Information regarding upcoming training sessions or other accessibility related matters available online Find more: louisville.edu/web/accessibility Name + 1 word re: experience
  3. Delphi U It’s Happening Here http://louisville.edu/web/accessibility/delphiu
  4. Purpose and Objectives The Purpose of this course is to introduce you to Web Accessibility or increase your awareness of required ADA compliance as it applies to online learning. Objectives: Identify and analyze accessibility barriers Develop techniques for accommodation
  5. Why Web Accessibility?
  6. Let’s state the obvious It’s The Law Americans with Disabilities Act, 1996 Rehabilitation Act, 1998 Kentucky Stat utes, 2000 It’s the RIGHT thing to do.
  7. U of L’s Exceptional Students!
  8. What is Web Accessibility?
  9. Web Accessibility is BARRIERS EQUAL =ACCESS4Everyone Questions?
  10. Visual Barriers can include Images (still or animated) Video & Visual elements “Downloadable” files w/plugins Inconsistent navigation or content Lack of adequate Color Contrast Certain color combinations (red/green) (blue/yellow)
  11. Sound Barriers can include Video or audio Lack of transcript or captioning w/narrative “Downloadable” files Auditory stimulus that does not provide an alternative
  12. Physical Barriers can include Excessive mouse-clicks (3 max) Require joystick or mouse Small amount of clickable “real estate” Require quick text input (chat) Lacks keyboard navigation (tab keys, etc.) Best practice: Make sure your site can be easily navigated with keyboard Tab 
  13. 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?
  14. DID I DO THAT? Unintentional Barriers
  15. 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.
  16. 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 version http://www.overstream.net/view.php?oid=ndtluvivmbmr Did the alternate version make any difference for you?
  17. Example of physical barrier Spin your mouse around Or, use non-dominant hand on mousepad. Navigate your browser to maps.google.com and look up your home address. Questions?
  18. What Can I Do? Best Practices to prevent barriers
  19. Follow WCAG Guidelines WCAG = Web Content Accessibility Guidelines W3C = World Wide Web Consortium WCAG Version 1 Priority 1 must be satisfied See the full checklist at: http://www.w3.org/TR/WCAG10/full-checklist.html In Appendix: W3C/WCAG -10 Quick Tips & Basic 5-minute Quick Check
  20. 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!
  21. Develop Techniques To Assist in Accommodation
  22. Golden Rule Remain Flexible! Design with accessibility in mind and be prepared to accommodate a student’s special request. Questions?
  23. Distance Learning Video 10-minute video Real Connections: Making Distance Learning Accessible to Everyone http://www.washington.edu/doit/Video/Real/real_con-m.ram (requires RealPlayer)
  24. QUESTIONS AND ANSWERS What questions do we have regarding regarding Web Accessibility? What experience regarding Web Accessibility would you like to share?
  25. Thank YOU! Marilyn Greenwell Web Accessibility Coordinator I.T. NexGen Services (in Dental School LL19) 852-1630marilyn.greenwell@louisville.eduhttp://louisville.edu/web/accessibility
More Related