1. Web Accessibility Breaking Down Barriers David Holstius Resource Center for Persons with Disabilities Michigan State University September 27, 2001

2. David Holstius September 27, 2001 “Web Accessibility” Web Accessibility “Maximizing the ability of users to access information, services, and resources.”

3. David Holstius September 27, 2001 “Web Accessibility” Web Accessibility “Maximizing the ability of users to access information, services, and resources.”

4. David Holstius September 27, 2001 “Web Accessibility” Web Accessibility “Maximizing the ability of users to access information, services, and resources.”

5. David Holstius September 27, 2001 “Web Accessibility” Web Accessibility “Maximizing the ability of users to access information, services, and resources.”

6. David Holstius September 27, 2001 “Web Accessibility” Questions Why is web accessibility important? Is it reachable? What are the benefits? What are some specific examples? Where can I learn more?

7. David Holstius September 27, 2001 “Web Accessibility” The One URL You Must Know www.msu.edu/~rcpd/webaccess/

8. David Holstius September 27, 2001 “Web Accessibility” How Do We Start? Education is key Sign up for a class! –LCTTP Seminar: “Web Accessibility” –3 hours –Hands-on exercises –Guidelines – tools – practices – Q & A Explore online resources

9. David Holstius September 27, 2001 “Web Accessibility” Who’s Who World Wide Web Consortium (W3C) WebAIMWebAble! TRACE Center (U-Wisc)

10. David Holstius September 27, 2001 “Web Accessibility” W3C / WAI W3C: Standards body for the Web Acronym Soup: –W3C (World Wide Web Consortium) –WAI (Web Accessibility Initiative) –WCAG (Web Content Accessibility Guidelines)

11. David Holstius September 27, 2001 “Web Accessibility” Guidelines May 1999: WCAG 1.0 –14-point recommendation –Foundation for most other initiatives –WCAG 2.0 in draft Section 508 –Federal Independent guidelines

12. David Holstius September 27, 2001 “Web Accessibility” “Gold Star” Accessibility Guidelines -> Checkpoints -> Priorities

13. David Holstius September 27, 2001 “Web Accessibility” “Gold Star” Accessibility Guidelines -> Checkpoints -> Priorities Bobby Approved!

14. David Holstius September 27, 2001 “Web Accessibility” Further Into WCAG Getting Started Getting Started Fact Sheet Fact Sheet Guidelines: v1.0 | v2.0 (Draft) v1.0v2.0 (Draft)v1.0v2.0 (Draft) Checklist Techniques Resources CurriculumCurriculum (slide-show) Curriculum

15. David Holstius September 27, 2001 “Web Accessibility” Summary: Guidelines WCAG: W3C, foundational 508: Federal, may carry legal weight Independent: Corporate, university, etc.

16. David Holstius September 27, 2001 “Web Accessibility” DO I HAVE TO READ THESE??? Well… automated tools exist: –Bobby Bobby –The WAVE The WAVEThe WAVE –Dreamweaver Design tools => greater incorporation (ATAG)

17. David Holstius September 27, 2001 “Web Accessibility” Accessibility Requires A Human Effort because…

18. David Holstius September 27, 2001 “Web Accessibility” Accessibility Requires A Human Effort because… It’s not just about code.

19. David Holstius September 27, 2001 “Web Accessibility” Accessibility Requires A Human Effort because… It’s not just about code. Computers can check code.

20. David Holstius September 27, 2001 “Web Accessibility” Accessibility Requires A Human Effort because… It’s not just about code. Computers can check code. We need people to design.

21. David Holstius September 27, 2001 “Web Accessibility” Universal Design Diversity of web users Skills and preferences Power and choice => users

22. David Holstius September 27, 2001 “Web Accessibility” Example: ALT Text Supposed to be “equivalent” –Descriptive? –Functional? –Summarizing? Only humans can decide

23. David Holstius September 27, 2001 “Web Accessibility” We Need People to: Make sure the same content is available in different formats Make sure it is understandable and clear Check the actual experience, reading order, etc. In other words – is it usable?

24. David Holstius September 27, 2001 “Web Accessibility” What Else? Validate HTML Test in different browsers –Lynx, Older IE/Netscape, Home Page Reader Lots of browsers, lots of situations

25. David Holstius September 27, 2001 “Web Accessibility” Whom Are We Helping? Persons with functional limitations –Visual –Mobility –Cognitive –Hearing Persons using alternative browsers alternative browsersalternative browsers –PDAs; mobile phones; kiosks

26. David Holstius September 27, 2001 “Web Accessibility” Visual Barriers Unreadable content (size/color) Dependence on graphics Poorly designed pages, tables, & forms –Linear reading order –“Soda-straw”

27. David Holstius September 27, 2001 “Web Accessibility” Mobility Barriers Small “click” targets Device-dependence –vs. multimodality Not enough time to respond

28. David Holstius September 27, 2001 “Web Accessibility” Cognitive Barriers Difficult navigation Inconsistent layouts Unclear/dense wording

29. David Holstius September 27, 2001 “Web Accessibility” Hearing Barriers Uncaptioned audio Audio cues

30. David Holstius September 27, 2001 “Web Accessibility” Visual Enhancements Resizable layouts Meaningful ALT text –Indexed by machines as well Well-structured tables, forms

31. David Holstius September 27, 2001 “Web Accessibility” Mobility Enhancements Keyboard compatibility Control over redirects Accessible embedded UIs Reasonable navigation

32. David Holstius September 27, 2001 “Web Accessibility” Cognitive Enhancements Search engine (!) –“Elevators and stairs” Consistency in layouts Multimedia (!) Clear and concise writing

33. David Holstius September 27, 2001 “Web Accessibility” Hearing Enhancements Captioning (MAGPIE) Text equivalents, transcripts

34. David Holstius September 27, 2001 “Web Accessibility” Key: Flexibility Not about “text-only” –JavaScript menus? Sure! –RealVideo lectures? Yes! Because: –Everyone may have a functional limitation –Everyone has different skills and preferences

35. David Holstius September 27, 2001 “Web Accessibility” Situational Equivalence Visual = poor lighting / small display Mobility = no mouse Cognitive = distractions Hearing = noisy environment

36. David Holstius September 27, 2001 “Web Accessibility” Implication Accessibility can be helping anyone at any time.

37. David Holstius September 27, 2001 “Web Accessibility” Summary Maximizing ability Importance of education (take a class!) W3C; WAI; Guidelines Automatic tools Universal Design Audiences: barriers, fixes, situations www.msu.edu/~rcpd/webaccess

38. David Holstius September 27, 2001 “Web Accessibility” Frequently Asked Questions Are PDF files accessible? –access.adobe.com Can Flash/Java/JavaScript be accessible? –Can be more accessible Do I need a database/XML-driven site? –www.msu.edu/~rcpd www.msu.edu/~rcpd Can I use tables for layout? –CSS-P

39. David Holstius September 27, 2001 “Web Accessibility” Again, that ONE URL is: www.msu.edu/~rcpd/webaccess Brochures – Articles – Links – Resources Presentations – Examples – News Course Sign-up – Contact Info

40. David Holstius September 27, 2001 “Web Accessibility” WCAG: Fourteen Guidelines PresentationInteractionComprehensionCompatibility

41. David Holstius September 27, 2001 “Web Accessibility” 1. Equivalents Provide equivalent alternatives to auditory and visual content. –Text = universal –Doesn’t mean “no pictures!” –Alternatives to text

42. David Holstius September 27, 2001 “Web Accessibility” 2. Color Don’t rely on color alone. –Allow for sufficient contrast –“All items in red are on sale”

43. David Holstius September 27, 2001 “Web Accessibility” 3. Markup and Style Use markup and style sheets and do so properly. –CSS –Markup abuse –Headers and lists –validator.w3.org

44. David Holstius September 27, 2001 “Web Accessibility” 4. Language Clarify natural language usage –Identify –Alert to changes –Acronyms

45. David Holstius September 27, 2001 “Web Accessibility” 5. Tables Create tables that transform gracefully –Screen readers, PDAs, etc. –Linearization

46. David Holstius September 27, 2001 “Web Accessibility” 6. Compatibility Ensure that pages featuring new technologies transform gracefully –Scripting –Style sheets –NOFRAMES, NOSCRIPT –Plugins

47. David Holstius September 27, 2001 “Web Accessibility” 7. Movement Ensure user control of time-sensitive content changes –Auto-refreshing –Redirects –Flickering, blinking –Scrolling

48. David Holstius September 27, 2001 “Web Accessibility” 8. Embedding Ensure direct accessibility of embedded user interfaces –Java applets –Scripts

49. David Holstius September 27, 2001 “Web Accessibility” 9. Interoperability Design for device-independence –Multimodality vs. multimedia –Inputs –Outputs

50. David Holstius September 27, 2001 “Web Accessibility” 10. In the Meantime… Use interim solutions –“Until user agents…” –“D” links –Positioning of form labels –Delimiters between links

51. David Holstius September 27, 2001 “Web Accessibility” 11. W3C Technologies Use W3C technologies and guidelines –CSS, XHTML, etc. –Avoid deprecated features

52. David Holstius September 27, 2001 “Web Accessibility” 12. Orientation Provide context and orientation information –Titling frames –Content chunking –Navigational clues

53. David Holstius September 27, 2001 “Web Accessibility” 13. Navigation Provide clear navigation mechanisms –“Click here!” –Navigation bars –Search, sitemap, etc. –Metadata

54. David Holstius September 27, 2001 “Web Accessibility” 14. Simplicity Ensure that documents are clear and simple –Consistent layouts –Clear, concise writing

55. David Holstius September 27, 2001 “Web Accessibility” Summary: 14 Guidelines Created by W3C WCAG: Web Content Accessibility Guidelines Guidelines – checkpoints – priorities Foundational

56. David Holstius September 27, 2001 “Web Accessibility” Summary: 4 Principles PresentationInteractionComprehensionCompatibility

57. David Holstius September 27, 2001 “Web Accessibility” Summary: Benefits Persons with functional limitations –Disabilities –Situations –Preferences IndexingTransformation

58. David Holstius September 27, 2001 “Web Accessibility” Further Resources Online –W3C –WebAIM –WebAble! LCTTP Seminar: “Web Accessibility” www.msu.edu/~rcpd/webaccess