Accessibility of NAVER

1. Status & Strategy
Web Accessibility of NAVER
Wednesday, October 19, 11

2. TJ park 박태준
User Interface Tech. Center > WebStandard
WebStandard
Optimization
Productivity
Compatibility
WebAccessibility
Wednesday, October 19, 11

3. Status & Strategy
Wednesday, October 19, 11

4. 3 years
Wednesday, October 19, 11

5. Me.naver.com
Using Keyboard shortcut for quick access to the menu
Wednesday, October 19, 11

6. Me2day.net
Skip Navigation
skip
repeated menu
Wednesday, October 19, 11

7. Text Editor
Skip Navigation for ScreenReader Users
Notification for ScreenReader Users
If you want to stop typing you can use keyboard shortcut [Shift+ESC]
Wednesday, October 19, 11

8. Mobile Web
WAI-ARIA Landmark Roles
role=”banner”
role=”search”
role=”navigation”
role=”main”
role=”contentinfo”
1 2
34
Wednesday, October 19, 11

9. Although awareness of web accessibility
has been growing over the last 3 years,
it is still in an unsatisfactory state.
Wednesday, October 19, 11

10. We don’t have
Consistency in Web Accessibility
We can’t provide
Consistency of User Experience
for disabled user
Wednesday, October 19, 11

11. Back to the basic.
Wednesday, October 19, 11

12. Status & Strategy
Wednesday, October 19, 11

13. Guide
Consistency
Obligation
Automation
Wednesday, October 19, 11

14. Guide
NWACG = WCAG + KWCAG
(NHN Web Content Accessibility Guidelines)
Wednesday, October 19, 11

15. NWCAG
Table of contents
9 Principle
Wednesday, October 19, 11

16. NWCAG
Compare guideline
Description
Expected Effect
Example
Wednesday, October 19, 11

17. Guide
NWACG = WCAG + KWCAG
Check List
Coding Convention
(NHN Web Content Accessibility Guidelines)
Wednesday, October 19, 11

18. Check List
Criteria for evaluating Web Accessibility
Application Level Item Quantity
Total 41
Conformance Level A 37
Conformance Level AA 4
Range Grade
PASS = 100 Gold
80 ≤ PASS ＜ 99 Green
60 ≤ PASS ＜ 80 Yellow
0 ≤ PASS ＜ 60 Red
= KWCAG
Required Level
Wednesday, October 19, 11

19. Check List - Report
Wednesday, October 19, 11

20. Check List - Report
Wednesday, October 19, 11

21. Check List - Report
Wednesday, October 19, 11

22. Check List - Report
Wednesday, October 19, 11

23. Coding Convention
Naver developers should comply rulesets of Coding Convention
40% of the NWCAG
- PC Web : 18/92
- Mobile Web : 16/85
Validation from N-MET
Automation
Tool
Wednesday, October 19, 11

24. Coding Convention - NMET
Web Accessibility
Compliance Ratio
Wednesday, October 19, 11

25. 2012
Wednesday, October 19, 11

26. Process Map
Disabled user testing can capture defect of accessibility guide and make a good even better.
Wednesday, October 19, 11

27. Naver didn’t have
Consistency in Web Accessibility
Naver couldn’t provide
Consistency of User Experience
for disabled user
Wednesday, October 19, 11

28. Thank you.
joon@nhn.com
Wednesday, October 19, 11