2009. 4. 7

웹접근성 / 웹표준웹접근성 / 웹표준들어가며

Information SuperHighway

Network 주소우편번호 (URL)

표현방법BrowserHTML

기업시장 소비자시장

기술개발의 경쟁 표준화 , 속도의 경쟁

인터넷의 도래인터넷의 도래

1. 일상 생활에서의 웹의 중요성 1. 일상 생활에서의 웹의 중요성

전 국민의 4 분의 3 이 인터넷 이용

방송통신위원회 조사 결과방송통신위원회 조사 결과 ... ... 전 국민 네 명 중에 세 명 이상이 인터넷을 이용하는 전 국민 네 명 중에 세 명 이상이 인터넷을 이용하는 것으로 조사됐다것으로 조사됐다 . . 특히 인터넷 사용자의 특히 인터넷 사용자의 60% 60% 이상이 인터넷 쇼핑을 이용하고 있고 인터넷 뱅킹을 이상이 인터넷 쇼핑을 이용하고 있고 인터넷 뱅킹을 이용하는 사용자 층도 이용하는 사용자 층도 40%40% 에 달하는 것으로 에 달하는 것으로 조사됐다조사됐다 . .

- - 디지털타임즈 디지털타임즈 08.9.30 08.9.30 일자 일자 기사기사


인터넷 민원 발급 / 열람 이용자 증가

인터넷발급 / 열람

등기소 ( 직접방문 )발급 / 열람

등기소 대비 인터넷등기소의 부동산등기부 등 . 초본 발급 / 열람 통수 비율

( 단위 : %)

60%68%

78% 82% 86%

50 대 이상의 인터넷 사용률 증가

온라인 쇼핑 1 인당 이용액 ( 단위 = 원 )50 대 이상 방문 사이트 순위

순위 사이트명 순 방문자수( 천명 )

1 네이버 866

2 다음 774

3 네이트 566

4 야후코리아 413

5 파란닷컴 219

6 엠파스 196

7 옥션㈜ 192

8 KB 국민은행 186

9 디지틀조선일보 185

10 G 마켓 159

인터넷쇼핑TV 홈쇼핑20 대 147,915

203,428

30 대 211,922260,636

40 대 202,339281,826

50 대 198,144289,680

60 대 223,806285,952

합계 183,030( 평균 )267,921( 평균 )


웹의 창시자 , Tim Berners-Lee

원래 웹은 평등한 거야 !

"The power of the web "The power of the web

is in its universality. is in its universality.

Access by everyone Access by everyone

regardless of disability regardless of disability

is an essential is an essential

aspect.“ aspect.“

2. 웹은 평등한가 ?2. 웹은 평등한가 ?

보편적 접근성과 사용자 선택권을 보장하기 위한플랫폼 독립적인 웹서비스플랫폼 독립적인 웹서비스 제공방안 마련 필요

정보취약자 및 소수자의 평등한 정보 접근성 요구 증대

특정 플랫폼 종속적인 인터넷 환경에 대한 개선요구•ActiveX 종속적인 인프라 ( 보안 , 인증 등 ) 에 대한 개선•다양한 웹 브라우저에 대한 낮은 웹 상호운용성 문제

웹 서비스에 대한 평등한 접근 요구


특정 운영체제 (MS) 와 특정 웹브라우저 (IE) 에 지나치게 종속적임

그러나 국내 웹의 실정은 …

미 브라운대학교 각국 웹 접근성 조사에서 우리나라 전자정부 사이트의 웹 접근성 준수율 15%


한국

다양한 접속환경을 가진 인터넷 사용자들이정보에 소외되지 않고 ,

모두가 동등하게 정보를 이용할 수 있도록 하기 위해글로벌 표준 (Global Standard) 에 따라 웹을 개발하는 것

3. 모두에게 평등한 웹 세상 만들기3. 모두에게 평등한 웹 세상 만들기

웹 표준 (Web Standard) 이란 ?

http://icons-search.com/IconDetails.aspx?IconID=12655

http://icons-search.com/IconDetails.aspx?IconID=12905

http://www.geekshow.us/wp/wp-content/uploads/2009/02/safari-icon.jpg

웹 접근성 (Web Accessibility) 이란 ?

신체적 , 환경적 조건에 관계없이 인터넷에 접속하여 웹서비스를 이용할 수 있어야 한다는 것

웹 접근성을 지키기 위한 가장 기본적이면서 최선의 방법은 ?


웹표준(Web Standard)

웹 표준의 주요 내용

W3C웹표준 웹 접근성

•한국형 웹 콘텐츠 접근성 지침 1.0(KWCAG1.0)

•W3C 웹 콘텐츠 접근성 지침 1.0

CrossBrowsing

•Internet Explorer•Firefox•Opera•Safari

구조 , 표현 ,동작의 분리

•CSS Layout•HTML 구조화•디자인 (CSS) 과

자바스크립트 HTML 과 분리

•HTNL4.01•XHTML1.0•CSS1,2•DOM Level1,2,3(IE5 부터 지원 )

•ECMA Script



웹 표준의 적용 사례

전자정부 사이트 메인 화면

구조와 표현이 분리되기 전의 소스코드 , Table 레이아웃

구조와 표현이 분리된 소스코드 , CSS 레이아웃


이미지 정보에 대한 대체 텍스트 제공

웹 접근성 준수 방안

키보드 이용 보장 동영상에 대한 캡션 제공

글자를 배율로 제공( 고정된 크기가 아님 )

<img src="st_img02.gif" alt=" 우리나라 최초의 미발행된 우표 (25 문 , 50 문 , 100 문 ), 일본에

의뢰하였던 태극기 우표원도 ">

<img src=" st_img01.gif.gif" alt=“ 우리나라의 최초 우표 ">


Cross Browsing

2008 년 2 월

InternetExplorer

74.9

Firefox

Safari

17.3

5.7

Opera0.7 기타 1.4

2009 년 2 월

67.4

Firefox

Safari

21.8

5.0

Chrome 1.2기타 1.5

세계 웹브라우저 시장 ( 단위 %)

레이아웃 변경이 용이

개발자 - 디자이너 협업 체계 구축

자동 Validation 에 따른 QA 시간 감소

브라우저에 따른 고려가 없어지므로 개발이 빠름

개발 속도 및 효율성 증가

(Source : Daum)

4. 기대효과4. 기대효과

웹 페이지 서버 트래픽 및 장비 비용 최소화

부가 사이트 개발 및 재개발 비용 감소•하나의 템플릿으로 스타일 변경만으로 서비스 제공 가능 •구조 / 표현 분리에 따른 리뉴얼에 따른 비용 감소

유지 비용의 감소

(Source : Daum)


같은 UI 로도 첫 화면 파일 크기를 1/3 로 줄임

50kb 의 파일크기가 감소 , Wired.com 은 62% 가량 감소

파일 크기 64% 감소 , 하루 940GB 의 트래픽 감소 효과 얻음


표준 준수는 친환경 경영과 같은 것 . 고객의 기업 인지도 향상•브라우저 호환을 통해서도 훌륭한 서비스 구현 가능•야후닷컴 , 구글 Gmail, Maps

소수 사용자는 오피니언 리더다•리눅스 및 맥킨토시 사용자는 인터넷 오피니언 리더이다 .

(Source : Daum)

고객의 양적 질적 증가

5. LG CNS 사례5. LG CNS 사례

LG CNS 의 웹접근성 및 웹표준 추진 현황

2006

2007

2008

2006.2

웹표준 1차 TFT구성

2006.4LAF/UI 2.0웹표준 프레임웍 개발 시작

2006.12웹표준 2차 TFT구성

2007.3LAF/UI 2.0 웹표준 프레임웍 릴리즈

2007.6

전자정부 웹표준화 이행전략연구 TFT 참여 ( 행자부 , KIPA주관 )

2008.2LG CNS 기술대학원내 ‘웹표준 적용 실무’ 교육 과정 개설

공공프로젝트 중심으로 본격적인 웹표준화 수행

현재


LAF/UI 2.0 웹표준 프레임웍에 대한 언론 보도 자료


LAF/UI 2.0 for Web Standard

LAF/UI2.0 웹표준 프레임웍 개념도

첫째 , W3C 의 웹표준 스펙을 따를 것

( XHTML 1.0, CSS 2.1 준수 )

첫째 , W3C 의 웹표준 스펙을 따를 것

( XHTML 1.0, CSS 2.1 준수 )

둘째 , 장애인 등 소수계층의 웹접근성을 고려할 것

( KWCAG 1.0 준수 )

둘째 , 장애인 등 소수계층의 웹접근성을 고려할 것

( KWCAG 1.0 준수 )

셋째 , 크로스 브라우징을 지원할 것( IE, Firefox, Opera, Safari 등 테스트 통과 )셋째 , 크로스 브라우징을 지원할 것

( IE, Firefox, Opera, Safari 등 테스트 통과 )

넷째 , 구조와 표현을 분리할 것( CSS Layout 을 통한 구조와 표현 분

리 )

넷째 , 구조와 표현을 분리할 것( CSS Layout 을 통한 구조와 표현 분

리 )


대표적인 웹표준 및 웹접근성 구축 사례

인터넷 등기소

대법원 경매포탈

인터넷 우체국

OK 주민서비스

장애인차별금지 및 권리구제 등에 관한 법률 발효

6. 확대 적용 방안 6. 확대 적용 방안

웹접근성 준수는 이제 법적으로도

의무 시행되며 , 올해부터 공공기관은

웹접근성 준수가 의무화 됨

웹접근성 준수는 이제 법적으로도

의무 시행되며 , 올해부터 공공기관은

웹접근성 준수가 의무화 됨

대통령령제 20766 호 ( 장애인차별금지 및 권리구제 등에 관한 법률 시행령 )

1. 공공기관 : 2009 년 4 월 11 일부터 적용

6. 확대 적용 방안 6. 확대 적용 방안

한국정보문화진흥원의 웹 접근성 향상 캠페인

실시

웹 접근성 확산 활동

맺음말

The power of the web is in its universality.

Access by everyone regardless of disability is

an essential aspect. - Tim Berners-Lee

Documents

2009. 4. 7