Web accessibility

403 views

Published on

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
403
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Web accessibility

    1. 1. Web Accessibility@EBv i
    2. 2. .
    3. 3. ? :,
    4. 4. ? :,
    5. 5. > SEOSEO
    6. 6. SEO
    7. 7. http://www.aharef.info/static/htmlgraph/
    8. 8. SEO
    9. 9. HTML
    10. 10. +CSS , ...
    11. 11. +javascript+object+... + ... FeaturePresentation
    12. 12. javascript ? ?ActiveX ?...
    13. 13. ?
    14. 14. ?, HTML
    15. 15. ?+ +
    16. 16. ? ? ActiveX ?javascript ?
    17. 17. javascriptActiveX
    18. 18. :
    19. 19.
    20. 20. WAI(Web Accessibility Initiative) (perceivable) (operable) (understandable) (robust)
    21. 21. 2008 4 11 21 14 3 33
    22. 22. WCAG 2.0
    23. 23. ,
    24. 24. <a><img ... /></a> <a> </a> (X)<a><img ... alt=” ”/> </a> (X)<a><img ... alt=””/> </a> (O) alt
    25. 25. <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>
    26. 26. abbr acronym<p>welcome to the <abbr title=”UnitedKingdom”>U.K.</abbr></p><p>welcome to the <acronym title=”North AtlanticTreaty Organisation”>NATO</acronym></p>abbr :acronym:
    27. 27. 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 submit
    28. 28. alt titlealt alternative( ) alttitle
    29. 29. alt vs titlealt titleimg alt title
    30. 30. longdesclongdescHTML5 longdesc
    31. 31. ,alt=””
    32. 32. -
    33. 33. , (transcript), : , :
    34. 34. ?
    35. 35. ::
    36. 36. (X)(O)
    37. 37. : , :, :
    38. 38. <dl id=”skipnavigation”> <dt> </dt> <dd><a href=”#content”> </a></dd></dl>
    39. 39. )
    40. 40. <a href=”gyungimap.html” target=”_blank”onclick=”window.open(...);return false;”> </a><a href=”#” onclick=”MM_openBrWindow(...)”> </a>
    41. 41. onclick onkeypress onclick onkeypressonkeypress tabenteronclick enter ( , )
    42. 42. ,
    43. 43. ? 100,

    ×