Status & Strategy
Web Accessibility of NAVER
Wednesday, October 19, 11
TJ park 박태준
User Interface Tech. Center > WebStandard
WebStandard
Optimization
Productivity
Compatibility
WebAccessibility...
Status & Strategy
Wednesday, October 19, 11
3 years
Wednesday, October 19, 11
Me.naver.com
Using Keyboard shortcut for quick access to the menu
Wednesday, October 19, 11
Me2day.net
Skip Navigation
skip
repeated menu
Wednesday, October 19, 11
Text Editor
Skip Navigation for ScreenReader Users
Notification for ScreenReader Users
If you want to stop typing you can u...
Mobile Web
WAI-ARIA Landmark Roles
role=”banner”
role=”search”
role=”navigation”
role=”main”
role=”contentinfo”
1 2
34
Wed...
Although awareness of web accessibility
has been growing over the last 3 years,
it is still in an unsatisfactory state.
We...
We don’t have
Consistency in Web Accessibility
We can’t provide
Consistency of User Experience
for disabled user
Wednesday...
Back to the basic.
Wednesday, October 19, 11
Status & Strategy
Wednesday, October 19, 11
Guide
Consistency
Obligation
Automation
Wednesday, October 19, 11
Guide
NWACG = WCAG + KWCAG
(NHN Web Content Accessibility Guidelines)
Wednesday, October 19, 11
NWCAG
Table of contents
9 Principle
Wednesday, October 19, 11
NWCAG
Compare guideline
Description
Expected Effect
Example
Wednesday, October 19, 11
Guide
NWACG = WCAG + KWCAG
Check List
Coding Convention
(NHN Web Content Accessibility Guidelines)
Wednesday, October 19, ...
Check List
Criteria for evaluating Web Accessibility
Application Level Item Quantity
Total 41
Conformance Level A 37
Confo...
Check List - Report
Wednesday, October 19, 11
Check List - Report
Wednesday, October 19, 11
Check List - Report
Wednesday, October 19, 11
Check List - Report
Wednesday, October 19, 11
Coding Convention
Naver developers should comply rulesets of Coding Convention
40% of the NWCAG
- PC Web : 18/92
- Mobile ...
Coding Convention - NMET
Web Accessibility
Compliance Ratio
Wednesday, October 19, 11
2012
Wednesday, October 19, 11
Process Map
Disabled user testing can capture defect of accessibility guide and make a good even better.
Wednesday, Octobe...
Naver didn’t have
Consistency in Web Accessibility
Naver couldn’t provide
Consistency of User Experience
for disabled user...
Thank you.
joon@nhn.com
Wednesday, October 19, 11
Upcoming SlideShare
Loading in …5
×

International conference for web accessibility 2011 update

262 views

Published on

Accessibility of NAVER

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

No Downloads
Views
Total views
262
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

International conference for web accessibility 2011 update

  1. 1. Status & Strategy Web Accessibility of NAVER Wednesday, October 19, 11
  2. 2. TJ park 박태준 User Interface Tech. Center > WebStandard WebStandard Optimization Productivity Compatibility WebAccessibility Wednesday, October 19, 11
  3. 3. Status & Strategy Wednesday, October 19, 11
  4. 4. 3 years Wednesday, October 19, 11
  5. 5. Me.naver.com Using Keyboard shortcut for quick access to the menu Wednesday, October 19, 11
  6. 6. Me2day.net Skip Navigation skip repeated menu Wednesday, October 19, 11
  7. 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. 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. 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. 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. 11. Back to the basic. Wednesday, October 19, 11
  12. 12. Status & Strategy Wednesday, October 19, 11
  13. 13. Guide Consistency Obligation Automation Wednesday, October 19, 11
  14. 14. Guide NWACG = WCAG + KWCAG (NHN Web Content Accessibility Guidelines) Wednesday, October 19, 11
  15. 15. NWCAG Table of contents 9 Principle Wednesday, October 19, 11
  16. 16. NWCAG Compare guideline Description Expected Effect Example Wednesday, October 19, 11
  17. 17. Guide NWACG = WCAG + KWCAG Check List Coding Convention (NHN Web Content Accessibility Guidelines) Wednesday, October 19, 11
  18. 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. 19. Check List - Report Wednesday, October 19, 11
  20. 20. Check List - Report Wednesday, October 19, 11
  21. 21. Check List - Report Wednesday, October 19, 11
  22. 22. Check List - Report Wednesday, October 19, 11
  23. 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. 24. Coding Convention - NMET Web Accessibility Compliance Ratio Wednesday, October 19, 11
  25. 25. 2012 Wednesday, October 19, 11
  26. 26. Process Map Disabled user testing can capture defect of accessibility guide and make a good even better. Wednesday, October 19, 11
  27. 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. 28. Thank you. joon@nhn.com Wednesday, October 19, 11

×