Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web accessibility for section 508

719 views

Published on

Published in: Education

Web accessibility for section 508

  1. 1. What is Section 508 ?• Section 508 is an Amendment to theWorkforce Rehabilitation Act of 1973, signedinto law by President Clinton in 1998• Section 508 requires informationtechnology that is developed or purchased bythe Federal Agencies be Accessible by peoplewith disabilities 2
  2. 2. Why Accessible is important54 million Americans has a disability, that’s 10% of the population (2000 U.S. Census)Among them• 10 million Americans are Vision impaired• 20 million Americans are Hearing impaired 3
  3. 3. Disability Types• Learning disabilities 45.7%• Mobility impairments 13.9%• Health impairments 11.6%• Mental illness 7.8%• Hearing impairments 5.6%• Vision impairments 4.4%• Speech impairments 0.9% 4
  4. 4. Disability affect surf Web• Learning disabilities 45.7%• Mobility impairments 13.9%• Health impairments 11.6%• Mental illness 7.8%• Hearing impairments 5.6%• Vision impairments 4.4%• Speech impairments 0.9% 5
  5. 5. Disability affect surf Web• Learning disabilities 45.7%• Mobility impairments 13.9%• Health impairments 11.6%• Mental illness 7.8%• Hearing impairments 5.6%• Vision impairments 4.4%• Speech impairments 0.9% 6
  6. 6. Vision Impaired 7
  7. 7. Vision Impaired -Legally Blind 8
  8. 8. Vision Impaired -Color Blind 9
  9. 9. Vision Impaired -Color Blind 1 10
  10. 10. Vision Impaired -Color Blind 2 11
  11. 11. How do they surf Web• Can’t see the Screen clearly• Can’t use the Mouse/Pointer system well• Can use Keyboard• Can hear Audio 12
  12. 12. How do we design for them• Section 508 Guideline• Web Accessibility Initiative Guideline• IBM , Microsoft able-Guideline• Do usability testing with them 13
  13. 13. How do we design for them• Section 508 Guideline (16 for web)• Web Accessibility Initiative Guideline• IBM , Microsoft able-Guideline• Do usability testing with them 14
  14. 14. Section 508 Guideline - 1Section 508 - §1194.22 (a) “A text equivalent for every non-text element shall be provided.” 15
  15. 15. Section 508 Guideline - 11 <img alt => is required for all images when image is Active (link, button) or Conveys information 16
  16. 16. Section 508 Guideline - 11 <img alt => is required for all images when image is Active (link, button) or Conveys information 17
  17. 17. Section 508 Guideline - 12 Use “longdesc” for Explanation provide more content ,like data chart 18
  18. 18. Section 508 Guideline - 12 Use “longdesc” for Explanation provide more content ,like data chart 19
  19. 19. Section 508 Guideline - 2Section 508 -§1194.22 (n) “Electronic form shall allow people using assistive technology to access the field elements, and submission of the form, including all directions and cues.” 20
  20. 20. Section 508 Guideline - 21 Use <label for=>, position prompts Label close to Text Fields 21
  21. 21. Section 508 Guideline - 22 If the Button has text, use that textfor the <img alt=> attribute 22
  22. 22. Section 508 Guideline - 22 If the Button has text, use that textfor the <img alt=> attribute 23
  23. 23. Section 508 Guideline - 22 If the button has text, use that textfor the <img alt=> attribute 24
  24. 24. Section 508 Guideline - 22 If the button has text, use that textfor the <img alt=> attribute V.S. 25
  25. 25. Section 508 Guideline - 22 If the button has text, use that textfor the <img alt=> attribute V.S. = $6 million 26
  26. 26. Take home1 Web Accessibility is Important2 Design with Accessibility in mind 27
  27. 27. Thank you !Yi Cao yi.cao@sjsu.edu 28

×