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

1. WAI-ARIA in Real World
(NCsoft)
2010-07-17

2. KWAG !
http://www.clker.com/clipart-4108.html

3. WAI-ARIA???

4. WAI-ARIA???

5. WAI-ARIA!
Web Accessibility Initiative - Accessible Rich Internet Applications
!

6. Why ARIA?

7. Why ARIA?

8. Why ARIA?

9. Why ARIA?

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. .
JAWS
Window-Eyes
NVDA
...
...................................................

12. .
JAWS
Window-Eyes
NVDA
...
...................................................

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. !

15. ! Step 1
Landmark Role (http://www.w3.org/TR/wai-aria/#landmark_role)

16. ! Step 1
Landmark Role (http://www.w3.org/TR/wai-aria/#landmark_role)

17. ! Step 2
Widget Roles (http://www.w3.org/TR/wai-aria/roles#widget_roles)

18. ! Step 2
Widget Roles (http://www.w3.org/TR/wai-aria/roles#widget_roles)

19. ! Step 2
Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)

20. ! Step 2
Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)

21. ! Step 2
Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)
Widget role ARIA
.

22. ! !
1. Widget Roles role !
(http://www.w3.org/TR/wai-aria/roles#widget_roles)

23. ! !
2. role !
: Tab Roles (http://www.w3.org/TR/wai-aria/roles#tab)

24. ! !

25. ! !
! !

26. ! !
! !

27. ??????

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. HTML 5 “ARIA” !

30. ! “ARIA” !