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

779 views

Published on

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Web accessibility

  1. 1. Web Accessibility @EBv iSaturday, July 16, 2011
  2. 2. .Saturday, July 16, 2011
  3. 3. ? : ,Saturday, July 16, 2011
  4. 4. ? : ,Saturday, July 16, 2011
  5. 5. Saturday, July 16, 2011
  6. 6. > SEO SEOSaturday, July 16, 2011
  7. 7. SEOSaturday, July 16, 2011
  8. 8. http://www.aharef.info/static/htmlgraph/Saturday, July 16, 2011
  9. 9. SEOSaturday, July 16, 2011
  10. 10. HTMLSaturday, July 16, 2011
  11. 11. +CSS , ...Saturday, July 16, 2011
  12. 12. +javascript+object+... + ... Feature PresentationSaturday, July 16, 2011
  13. 13. javascript ? ? ActiveX ? ...Saturday, July 16, 2011
  14. 14. ?Saturday, July 16, 2011
  15. 15. ? , HTMLSaturday, July 16, 2011
  16. 16. Saturday, July 16, 2011
  17. 17. ? + +Saturday, July 16, 2011
  18. 18. ? ? ActiveX ? javascript ?Saturday, July 16, 2011
  19. 19. javascript ActiveXSaturday, July 16, 2011
  20. 20. :Saturday, July 16, 2011
  21. 21. ⊃Saturday, July 16, 2011
  22. 22. WAI (Web Accessibility Initiative) (perceivable) (operable) (understandable) (robust)Saturday, July 16, 2011
  23. 23. 2008 4 11 21 14 3 3 3Saturday, July 16, 2011
  24. 24. WCAG 2.0Saturday, July 16, 2011
  25. 25. ,Saturday, July 16, 2011
  26. 26. Saturday, July 16, 2011
  27. 27. Saturday, July 16, 2011
  28. 28. Saturday, July 16, 2011
  29. 29. <a><img ... /></a> <a> </a> (X) <a><img ... alt=” ”/> </a> (X) <a><img ... alt=””/> </a> (O) altSaturday, July 16, 2011
  30. 30. <img ... usemap=”#map” alt=” ”/> <map id=”map”> <area shape=”rect” coords=”0,0,30,30” href=”jongno” alt=” ”/> <area shape=”rect” coords=”60,60,90,90” href=”yongsan” alt=” ”/> </map>Saturday, July 16, 2011
  31. 31. abbr acronym <p>welcome to the <abbr title=”United Kingdom”>U.K.</abbr></p> <p>welcome to the <acronym title=”North Atlantic Treaty Organisation”>NATO</acronym></p> abbr : acronym:Saturday, July 16, 2011
  32. 32. submit <form ... onsubmit=”return submitProc(this)”> <lable for=”email”> </label> <input type=”text” id=”email” name=”email” /> <input type=”image” src=”...” alt=” ” /> </form> javascript image submitSaturday, July 16, 2011
  33. 33. alt title alt alternative( ) alt titleSaturday, July 16, 2011
  34. 34. alt vs title alt title img alt titleSaturday, July 16, 2011
  35. 35. longdesc longdesc HTML5 longdescSaturday, July 16, 2011
  36. 36. , alt=””Saturday, July 16, 2011
  37. 37. -Saturday, July 16, 2011
  38. 38. , (transcript), : , :Saturday, July 16, 2011
  39. 39. ?Saturday, July 16, 2011
  40. 40. : :Saturday, July 16, 2011
  41. 41. (X) (O)Saturday, July 16, 2011
  42. 42. : , : , :Saturday, July 16, 2011
  43. 43. <dl id=”skipnavigation”> <dt> </dt> <dd><a href=”#content”> </ a></dd> </dl>Saturday, July 16, 2011
  44. 44. )Saturday, July 16, 2011
  45. 45. <a href=”gyungimap.html” target=”_blank” onclick=”window.open(...);return false;”> </a> <a href=”#” onclick=”MM_openBrWindow(...)”> </a>Saturday, July 16, 2011
  46. 46. onclick onkeypress onclick onkeypress onkeypress tab enter onclick enter ( , )Saturday, July 16, 2011
  47. 47. Saturday, July 16, 2011
  48. 48. ,Saturday, July 16, 2011
  49. 49. ? 100 ,Saturday, July 16, 2011
  50. 50. Saturday, July 16, 2011

×