Wai Aria In Real World

3,736 views

Published on

2010년 7월 17일 KWAG 12번째 모임 발표자료입니다.

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

No Downloads
Views
Total views
3,736
On SlideShare
0
From Embeds
0
Number of Embeds
1,531
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Wai Aria In Real World

  1. 1. WAI-ARIA in Real World (NCsoft) 2010-07-17
  2. 2. KWAG ! http://www.clker.com/clipart-4108.html
  3. 3. WAI-ARIA???
  4. 4. WAI-ARIA???
  5. 5. WAI-ARIA! Web Accessibility Initiative - Accessible Rich Internet Applications !
  6. 6. Why ARIA?
  7. 7. Why ARIA?
  8. 8. Why ARIA?
  9. 9. Why ARIA?
  10. 10. . IE 8 RC1 91% Firefox 3.6 100% Opera 10.10 45% Safari 4 Beta 17% Chrome 3 38% The Paciello Group Blog - ARIA role support: how the Windows browsers stack up (http://www.paciellogroup.com/blog/?p=474)
  11. 11. . JAWS Window-Eyes NVDA ... ...................................................
  12. 12. . JAWS Window-Eyes NVDA ... ...................................................
  13. 13. Official Google Reader Blog: Reader and ARIA: A new way to read (http://googlereader.blogspot.com/2008/03/reader-and-aria-new-way-to-read.html)
  14. 14. !
  15. 15. ! Step 1 Landmark Role (http://www.w3.org/TR/wai-aria/#landmark_role)
  16. 16. ! Step 1 Landmark Role (http://www.w3.org/TR/wai-aria/#landmark_role)
  17. 17. ! Step 2 Widget Roles (http://www.w3.org/TR/wai-aria/roles#widget_roles)
  18. 18. ! Step 2 Widget Roles (http://www.w3.org/TR/wai-aria/roles#widget_roles)
  19. 19. ! Step 2 Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)
  20. 20. ! Step 2 Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)
  21. 21. ! Step 2 Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab) Widget role ARIA .
  22. 22. ! ! 1. Widget Roles role ! (http://www.w3.org/TR/wai-aria/roles#widget_roles)
  23. 23. ! ! 2. role ! : Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)
  24. 24. ! !
  25. 25. ! ! ! !
  26. 26. ! ! ! !
  27. 27. ??????
  28. 28. BBC Glow Widgets * Info Panel * Overlay The Paciello Group Blog >> WAI-ARIA Implementation in JavaScript UI * Slider Libraries - updated (http://www.paciellogroup.com/blog/?p=313) * Time Table Dojo (Dijit) * Dojo (Dijit) Widget explorer * Dojo: an accessible JavaScript toolkit * Dijit Accessibility (a11y) * Dojo Toolkit Accessibility Final Report from the ATRC, University of Toronto EXTJS * ARIA Enabled Tree * Ext GWT 2.0 Explorer Fluid Infusion * Inline edit * Reorderer * Progress bar * Use interface options * File uploader Google Web Toolkit * Custom Button * Date Picker * Suggest Box * Tree * Menu Bar * Rich text * Tab Panel JQuery UI * accordion * dialog * progress bar Yahoo! User Interface Library (YUI) * Button
  29. 29. HTML 5 “ARIA” !
  30. 30. ! “ARIA” !

×