1. Here is some selected material from a presentation at the "I Invent the Future” Grace Hopper Celebration of Women in Computing 2007 http://gracehopper.org/2007/ http://gracehopper.org/2007/ Note that there is additional information in the Notes section for these “slides”. This material is copyright© W3C[1] and licensed under the W3C Document License[2], with the exception of some of the images. Additionally, you are granted permission to create modifications or derivatives of this material. That means you can copy, change, translate, distribute, and present this material as long as you include a reference to the source material: Making the Future Web Accessible to People with Disabilities, S.L. Henry. W3C (MIT, ERCIM, Keio), October 2007. www.w3.org/WAI/presentations/20071019-GHC-future-material.ppt [1] www.w3.org/Consortium/Legal/ipr-notice#Copyright [2] www.w3.org/Consortium/Legal/copyright-documentswww.w3.org/Consortium/Legal/ipr-notice#Copyrightwww.w3.org/Consortium/Legal/copyright-documents

2. Making the Future Web Accessible to People with Disabilities Shawn Lawton Henry MIT Massachusetts Institute of Technology W3C WAI

3. Shawn Lawton Henry  Just Ask: Integrating Accessibility Throughout Design  Understanding Web Accessibility  Everyone Interfaces

4. Disabilities  Congenital condition  Disease Illness Accident  Ageing

5. Making the Web accessible to people with disabilities

6. Glenda

7. Examples of web accessibility  Accessibility barriers  Developing websites  Evaluating web accessibility Tool Humans

8. Alternative “alt” text

10. Alt text is simple. <img src=”sun-clouds.gif” alt=”Partly sunny” />

11. overview of page

12. Headings  HPR  legal activities

13. Marking up headings is simple.  Heading Level 1 Heading Level 2 …

15. Markup lists [Unordered List] First item [List Item] Second item

16. Link text

17. Increasing text size + images (Your parents & grandparents will be ever grateful ! )

18. Resizing  Absolute size pt px  Relative sizes % em

19. Text as images

20. Quiz  Other benefits to text resizing ?

21. Color contrast

22. Color coding

23. Transcripts, Captions

24. Accessibility issues Alt text Headings markup List markup Link text  Color contrast  Text resizing  Transcripts, Captions ...

25. Accessibility Guidelines  WCAG Web Content Accessibility Guidelines

26. Regulations  U.S. Section 508 Americans with Disabilities Act (ADA)  Around the world…

27. WCAG 1.0 -- Section 508

28. Components of Web Accessibility Web Content (WCAG)

29. Components of Web Accessibility User Agent (UAAG)

30. Components of Web Accessibility Authoring Tool (ATAG)

31. WAI-ARIA For Rich Internet Applications (Ajax, DHTML, etc.)

32. www.w3.org/WAI/

33. Achieving web accessibility 1.Guidelines, standards 2.People with disabilities

34. We can all help.

35. Benefits  Developing a Web Accessibility Business Case for Your Organization www.w3.org/WAI/bcase/ Social factors Financial factors Technical factors Legal and policy factors

36. Accessibility Designing so that more customers can use your web site effectively in more situations.

37. Checking web accessibility

38. cat on computer mouse http://www.flickr.com/photos/bertho/26340858/

40. Within an organization  Are the organization’s websites accessible?  Does the organization have a web accessibility policy?  Is accessibility included in project requirements?  Is it included in assessments, RFPs, and purchasing requirements for authoring tools, browsers, and other web software?

41. All websites  Gently educate and encourage inaccessible websites  Reward accessible websites

43. “Act of enlightened self-interest”

44. Let’s make the future Web accessible to people with disabilities