international conference for web accessibility 2011 update

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

Upload: nhn-technology-services-korea

Post on 30-Oct-2014

95 views

Category:

Business


0 download

DESCRIPTION

Accessibility of NAVER

TRANSCRIPT

Page 1: International conference for web accessibility 2011 update

Status & StrategyWeb Accessibility of NAVER

Wednesday, October 19, 11

Page 2: International conference for web accessibility 2011 update

TJ park 박태준User Interface Tech. Center > WebStandard

WebStandardOptimization

Productivity

Compatibility

WebAccessibility

Wednesday, October 19, 11

Page 3: International conference for web accessibility 2011 update

Status & Strategy

Wednesday, October 19, 11

Page 4: International conference for web accessibility 2011 update

3 years

Wednesday, October 19, 11

Page 5: International conference for web accessibility 2011 update

Me.naver.com

Using Keyboard shortcut for quick access to the menu

Wednesday, October 19, 11

Page 6: International conference for web accessibility 2011 update

Me2day.net

Skip Navigation

skip repeated menu

Wednesday, October 19, 11

Page 7: International conference for web accessibility 2011 update

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

Page 8: International conference for web accessibility 2011 update

Mobile Web

WAI-ARIA Landmark Roles

role=”banner”role=”search”

role=”navigation”

role=”main”

role=”contentinfo”

1 2

34

Wednesday, October 19, 11

Page 9: International conference for web accessibility 2011 update

Although awareness of web accessibility has been growing over the last 3 years,

it is still in an unsatisfactory state.

Wednesday, October 19, 11

Page 10: International conference for web accessibility 2011 update

We don’t haveConsistency in Web Accessibility

We can’t provideConsistency of User Experience

for disabled user

Wednesday, October 19, 11

Page 11: International conference for web accessibility 2011 update

Back to the basic.

Wednesday, October 19, 11

Page 12: International conference for web accessibility 2011 update

Status & Strategy

Wednesday, October 19, 11

Page 13: International conference for web accessibility 2011 update

Guide

Consistency

Obligation

Automation

Wednesday, October 19, 11

Page 14: International conference for web accessibility 2011 update

Guide

NWACG = WCAG + KWCAG(NHN Web Content Accessibility Guidelines)

Wednesday, October 19, 11

Page 15: International conference for web accessibility 2011 update

NWCAG

Table of contents

9 Principle

Wednesday, October 19, 11

Page 16: International conference for web accessibility 2011 update

NWCAG

Compare guideline

Description

Expected Effect

Example

Wednesday, October 19, 11

Page 17: International conference for web accessibility 2011 update

Guide

NWACG = WCAG + KWCAG

Check List

Coding Convention

(NHN Web Content Accessibility Guidelines)

Wednesday, October 19, 11

Page 18: International conference for web accessibility 2011 update

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

Page 19: International conference for web accessibility 2011 update

Check List - Report

Wednesday, October 19, 11

Page 20: International conference for web accessibility 2011 update

Check List - Report

Wednesday, October 19, 11

Page 21: International conference for web accessibility 2011 update

Check List - Report

Wednesday, October 19, 11

Page 22: International conference for web accessibility 2011 update

Check List - Report

Wednesday, October 19, 11

Page 23: International conference for web accessibility 2011 update

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

AutomationTool

Wednesday, October 19, 11

Page 24: International conference for web accessibility 2011 update

Coding Convention - NMET

Web AccessibilityCompliance Ratio

Wednesday, October 19, 11

Page 25: International conference for web accessibility 2011 update

2012

Wednesday, October 19, 11

Page 26: International conference for web accessibility 2011 update

Process Map

Disabled user testing can capture defect of accessibility guide and make a good even better.

Wednesday, October 19, 11

Page 27: International conference for web accessibility 2011 update

Naver didn’t haveConsistency in Web Accessibility

Naver couldn’t provideConsistency of User Experience

for disabled user

Wednesday, October 19, 11

Page 28: International conference for web accessibility 2011 update

Thank you.

[email protected]

Wednesday, October 19, 11