international conference for web accessibility 2011 update

Status & StrategyWeb Accessibility of NAVER

Wednesday, October 19, 11

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

WebStandardOptimization

Productivity

Compatibility

WebAccessibility

Wednesday, October 19, 11

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 use keyboard shortcut [Shift+ESC]

Wednesday, October 19, 11

Mobile Web

WAI-ARIA Landmark Roles

role=”banner”role=”search”

role=”navigation”

role=”main”

role=”contentinfo”

1 2

34

Wednesday, October 19, 11

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

it is still in an unsatisfactory state.

Wednesday, October 19, 11

We don’t haveConsistency in Web Accessibility

We can’t provideConsistency of User Experience

for disabled user

Wednesday, October 19, 11

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, 11

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

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 Web : 16/85

Validation from N-MET

AutomationTool

Wednesday, October 19, 11

Coding Convention - NMET

Web AccessibilityCompliance 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, October 19, 11

Naver didn’t haveConsistency in Web Accessibility

Naver couldn’t provideConsistency of User Experience

for disabled user

Wednesday, October 19, 11

Thank you.

joon@nhn.com

Wednesday, October 19, 11