2. 웹 접근성 - 차영신

CONFIDENTIAL

This material is proprietary to e-motion.

It contains trade secrets and confidential information which is the property of e-motion.

This material shall not be used, reproduced, copied, disclosed, transmitted, in whole or in part,

without the express consent of e-motion.

Beyond Asia. BOLD1.

2013. 2. 4

장애인 차별금지법과 웹 접근성 대응전략

- 장애인에 대한 이해와 함께 웹 접근성 지침에 따른 웹 사이트 구축이 필요하다 -

이모션 웹접근성 컨설팅사업부 대표 태그앤브레이스 대표

차 영 신

-2- Your eBusiness Partner Copyright © 2013 by e-motion corp. All rights are reserved.

장애인차별금지 및 권리구제 등에 관한 법률(’07.4 제정, ’08.4 시행)

1. 장애인차별금지법

장애인차별금지법에 의해 모든 법인은 2013년 4월 11일까지 웹 접근성을 준수하여야 합니다.

장애인차별금지법 단계적 범위에 의해 2013년 4월 11일부터는 모든 법인은

자사의 웹 사이트에서 제공하는 모든 전자정보에 대해 의무적으로 웹 접근성을 확보해야 합니다.

주요 내용

• 모든 생활 영역에서 장애를 이유로 차별을 금지하고, 장애를 이유로 차별 받은 사람의 권익을 효과적으로

구제하기 위해 제정한 법(관련조항: 법21조 및 시행령 14조)

• 정당한 편의의 내용, 행위자에 대한 단계적 범위, 불이행 시 처벌조항, 권리구제절차 등이 구체적으로 명시

• 모든 공공기관은 2009년 4월 11일부터 의무적용, 단계적으로 2015년까지 모든 웹 사이트가 웹 접근성을

준수해야 함


공공기관 교육기관 의료기관 복지시설 문화예술체육 법인

‘09. 4. 11 공공기관

특수학교/특수학급

있는 국공립학교/

장애전담보육시설

종합병원 사회복지시설

장애복지시설

‘10. 4. 11 국공립문화예술기관/

국공립(대학)박물관·미술관/

국립중앙도서관/공공도서관

‘11. 4. 11 국공립유치원/초·중·고 대학교/보육

시설(100인 이상)/영재학교 및 영재교

육원

일반병원/치과/한방병원

(입원 30인 이상)

‘12. 4. 11 민간종합공연장/

사립대학박물관·미술관

‘13. 4. 11 사립유치원/평생

교육시설,연수기관/

직업훈련기관/보육 시설(100인 이하)

그 외 병원

(입원 30인 이하) 체육관련행위자

모든 법인

‘15. 4. 11 민간일반공연장 및

소공연장/영화상영관(300석~)/사립박물관·미술관

장애인차별금지법의 단계적 범위(시행령 14조 1항 『별표 3』 요약)


웹 접근성 준수 시급성에 따른 단계적 시행 범위


단계적 시기 대상기관

‘09. 4. 11 · 국가 및 지방자치단체

· 상시 300명 이상 근로자 사용 사업장

‘11. 4. 11 · 상시 100명 이상 근로자를 사용하는 사업장

‘13. 4. 11 · 상시 30명 이상 근로자를 사용하는 사업장

장애인차별금지법의 단계적 범위(시행령 14조 1항 『별표 1』 요약)


재화나 용역(고용이나 채용 정보 등)에 대한 단계적 범위 [별표 3]과 별도로 채용정보와 같이 고용, 인사, 급여 등의 정보는 [별표 1]과 같은 또 다른 단계적 범위를 가짐




주요 내용

• 제21조 (정보통신 ·의사소통에서의 정당한 편의제공의무)

①(중략)행위자는 생산·배포하는 전자정보 및 비 전자정보에 대하여 장애인이 장애인 아닌 사람과 동등

하게 접근·이용할 수 있도록 수화, 문자 등 필요한 수단을 제공하여야 한다.

• 시행령 제14조 (정보접근·의사소통에서의 정당한 편의 제공의 필요수단 및 단계적 범위) ①법 21조1항 전단에

따라 장애인이 접근·이용할 수 있도록 수화, 문자 등 필요한 수단을 제공하여야 하는 행위자 등의 단계적 범위는

별표 3과 같다.

②법 21조 1항에 따라 제공하여야 하는 필요한 수단의 구체적인 내용은 다음 각 호와 같다.

누구든지 신체적ㆍ기술적 여건과 관계없이 웹사이트를 통하여 원하는 서비스를 이용할 수 있도록

접근성이 보장되는 웹사이트




주요 내용

• 제38조 (진정)

이 법에서 금지하는 차별행위로 인하여 피해를 입은 사람(이하”피해자”라 한다.) 또는 그 사실을 알고

있는 사람이나 단체는 국가인권위원회(이하 “위원회”라 한다.)에 그 내용을 진정할 수 있다.

• 제39조 (직권조사)

위원회는 제38조의 진정이 없는 경우에도 이 법에서 금지하는 차별행위가 있다고 믿을만한 상당한 근거가

있고, 그 내용이 중대하다고 인정할 때에는 이를 직권으로 조사할 수 있다.

진정은 그 차별행위로 인한 피해사실을 아는 사람은 누구나 가능합니다.

이는 장애인차별금지법의 순수한 명분과 달리 악의적인 진정에 대해서도 대응해야 할 수도 있습니다.




주요 내용

• 제46조 (손해배상)

누구든지 이법의 규정을 위반하여 타인에서 손해를 가한 자는 그로 인하여 피해를 입은 사람에 대하여 손해배상

책임을 진다.

• 제47조 (입증책임의 배분)

①이 법률과 관련한 분쟁해결에 있어서 차별행위가 있었다는 사실은 차별행위를 당하였다고 주장하는 자가

입증하여야 한다.

• ②제1항에 따른 차별행위가 장애를 이유로 한 차별이 아니라거나 정당한 사유가 있었다는 점은 차별

행위를 당하였다고 주장하는 자의 상대방이 입증하여야 한다.

기술적 입증이 어려워 이를 대비하지 않으면 민형사상의 손해배상이 따르게 됩니다.

가장 중요한 핵심은 진정이나 제소에 대해 기술적 입증을 하는 소명이 중요합니다.


행정기관을 통한 권리구제 절차(국가인권위원회, 법무부)


• 형사소송을 통한 권리구제(법 제49조) : 인권위, 법무부의 시정 내용을 이행하지 않아 발생

하는 과태료 및 형사처벌 가능

• 민사소송을 통한 권리구제(법 제46조) : 장차법 규정 위반으로 인해 발생한 손해액 배상 가능

[출처 : 보건복지부]


웹 접근성 관련 진정 사례

2. 국내 현황

국가인권위원회에 교육청을 상대로 개인 진정

교육청은 지침에 부합하도록 개선하였지만 이미 언론에 기사화되어 이미지 실추

시각장애인 VS 교육청 e-러닝 서비스

• 시각장애인이 교육청에서 운영하는 e-러닝 학습서비스를 수강

하고자 하였으나 이미지 링크, 레이블 등이 미흡하여 해당 홈페

이지에 접근하기 어려워 관련 학습사이트를 이용할 수 없었다는

진정을 국가인권위원회에 제기

• 국가인권위원회의 조사 이후 교육청은 해당 사이트를 웹 접근성

지침에 부합하도록 개선



2. 국내 현황

방송3사 홈페이지 웹접근성 집단진정

•대구에 사는 시각장애 중학생이 평소 SBS 프로그램을 즐겨 듣는데,

고릴라3.0프로그램을 설치한 후, 자신이 스스로 즐겨듣기를 할 수

없다며 이것이 차별이라는 문제의식에서 시작하여 집단 진정으로

확대하여 국가인권위원회에 진정

• 국가인권위원회의 조사 이후 시정권고 조치

국가인권위원회에 방송3사를 상대로 집단 진정

개인의 의견에서 시작되어 집단진정으로 이어진 사례로 시정권고 이행 중



2. 국내 현황

웹 접근성 미준수에 대하여 형사뿐만 아니라 민사소송을 제기한 첫 사례

장애인 당사자 10명이 대한항공 등 4곳에 총 2억원을 청구하였으며 웹 접근성 미 준수 기관 추가 소송 예고

대한항공 등 4곳 진정 및 제소

•대한항공, 한전병원, 서울도시철도 공사, 서울시

(서울시장애인종합 복지관) 등 4곳에 대하여 각각

• 5천만원씩 총 2억원을 청구

• 첫 민사소송으로 장애인 차별로 판결 시, 이를 근거로

전체 피해자 규모로 손해배상 확대 예상


진정사건 접수 현황(2008.4.11 ~ 2011.12.31)


2. 국내 현황

‘정보접근·의사소통’, ‘웹 접근권’의 비중이 가장 높음

‘08년부터 ‘11년까지 웹 접근성과 관련 있는 진정사건은 전체 인권 진정의 32% 수준으로 매우 높은 비중을 차지

[출처 : 국가인권위원회]


금융권에서는 신한은행 오픈뱅킹이 웹 접근성 리뉴얼 작업을 완료하여 인증마크를 획득하였고, 현재 모바일

애플리케이션에 대해 접근성 개선 중이며, 우리은행은 오픈뱅킹뿐만 아니라 웹 접근성 전면에 대해 리뉴얼

중이며 웹 접근성 인증마크 획득을 목표로 하고 있음(4월 초 목표)

대기업에서는 삼성 그룹, STX 그룹, 롯데 그룹, CJ 그룹, 한화그룹, KT 그룹이 그룹차원에서 웹 접근성 컨설팅사에 의뢰하여 그룹사 사이트 개선 작업 및 대응 중

전반적으로 대기업과 금융권이 적극적으로 웹 접근성 준수를 위해 2012년 초부터 기획하여 개선 중임

국민은행은 인증마크는 없지만 지속적으로 대응 중이며, 보험업계에서는 한화손해보험과 삼성화재가 인증마크를

획득하였고, LIG, 현대해상, 대우증권 등이 전면 리뉴얼 중임

2013년 4월 11일부터 장애인차별금지법에 의해 진정이 가능해지므로 기획이 늦어진 동부화재, 미래에셋

등이 웹 접근성 개선을 준비 중에 있으며 쇼핑몰 업계에서도 장차법 대응을 위해 컨설팅 준비 중임.

결론적으로 현재 시장은 대기업, 금융권 등을 중심으로 장애인차별금지법에 이미 대응 중이고, 쇼핑몰 업계에서도 대응을 시작하는 중

기업의 웹 접근성 준수 현황

2. 국내 현황


1990 장애인법 제정 1998 재활법 508조 (1194.21, 22) 제정 2010 재활법 508조/통신법 255조 개정안 공고 중

1995 장애인차별금지법 제정 2004 장애인차별금지법 발효

1992 장애인차별금지법(DDA)

2003 웹 접근성 표준 제정(JIS X 8341-1~5)

미국

호주

영국

일본

※ Section 508 applies to all Federal agencies when they develop, procure, maintain, or use electronic and information technology.

※ 국제표준: WCAG 2.0 (W3C); ISO 9471 series (ISO)

해외 법제도 현황

3. 국외 현황

선진국에서는 오래 전부터 장애인차별금지에 관한 법률을 제정 이행 중

미국의 경우 국가에 조달되는 모든 제품(웹 사이트, 전자제품, 사무기기 등)은 웹 접근성 미 준수 시 납품 불가


해외 진정 및 소송 사례

3. 국외 현황

Target사에 장애인단체가 제소하여 손해배상 판결

•2006년 미국 시각장애인연합회(NFB)는 회원인 Bruce

Sexton(시각장애인 학생)이 Target의 웹 사이트를 통하여

상품 구입이 불가능하는 등 미국 장애인법(ADA) 을 위반

했다는 이유로 제소

• 2008년 8월 27일 6백만달러(한화 60억원) 지급토록

판결(개인별 $7,000 지급)

개인으로 시작하여 장애인단체에 의해 소송 및 손해배상한 사례(미국)

장애인차별금지법의 손해배상판결의 대표적인 사례로 개인별 지급에 주목할 필요가 있음


호주의 국가기관에 대한 웹 접근성 미 준수 소송 사례

3. 국외 현황


2000년 시드니 올림픽 웹사이트에 벌금 부과

•1999년 6월 호주 시각장애인 맥과이어는 입장권 주문에

관한 정보를 점자버전으로 제공하지 않은 점, 웹 사이트

수정을 요구하였음에도 보완하지 않은 것 등에 대한 불만

으로 시드니 올림픽조직위원회를 상대로 소송을 제기

• IBM에게 2만달러의 벌금 부과

개인에 의해 장애인차별 소송 및 차별 판결에 의해 벌금을 부과한 사례(호주)


웹 접근성의 관리의 중요성

웹 사이트는 살아있는 유기체와 같아서 한번의 구축이 아닌 지속적인 관리가 매우 중요

3. 국외 현황

웹 접근성 우수기업 디즈니 월드 사이트의 피소

• 전미 장애인 재단 접근성 우수기업으로 수상한 월트 디즈니

사의 웹 사이트는 추후 관리미흡으로 소송에 봉착

• 웹 접근성 우수기업이었음에도 지속적인 노력이 필요함을

시사한 사례



4. 웹 접근성 준수

한국형 웹 콘텐츠 접근성 지침 2.0(KWCAG; Korean Web Content Accessibility Guideline 2.0) 준수 원칙 1. 인식의 용이성(Perceivable)

항목 내용

1.적절한 대체

텍스트 제공

텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할

수 있도록 대체 텍스트를 제공해야 한다.

2.자막 제공 멀티미디어 콘텐츠는 자막, 원고 또는 수화를

제공해야 한다.

3.색에 무관한

콘텐츠 인식 콘텐츠는 색에 관계 없이 인식될 수 있어야 한다.

4.명확한 지시 사항

제공

지시 사항은 모양, 크기, 위치, 방향, 색, 소리

등에 관계없이 인식될 수 있어야 한다.

5.텍스트 콘텐츠의

명도 대비

텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1

이상이어야 한다.

6.배경음 사용 금지 자동으로 재생되는 배경음을 사용하지 않아야

한다.

원칙 2. 운용의 용이성(Operable)

항목 내용

7.키보드 사용 보장 모든 기능은 키보드만으로도 사용할 수 있어야

한다.

8.초점 이동 키보드에 의한 초점은 논리적으로 이동해야 하며

시각적으로 구별할 수 있어야 한다.

9.응답 시간 조절 시간 제한이 있는 콘텐츠는 응답시간을 조절할 수

있어야 한다.

10.정지 기능 제공 자동으로 변경되는 콘텐츠는 움직임을 제어할 수

있어야 한다.

11.깜박임과 번쩍임

사용 제한

초당 3~50회 주기로 깜박이거나 번쩍이는

콘텐츠를 제공하지 않아야 한다.

12.반복 영역

건너뛰기 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.

13.제목 제공 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을


14.적절한 링크

텍스트

링크 텍스트는 용도나 목적을 이해할 수 있도록


원칙 3. 이해의 용이성(Understandable)

항목 내용

15.기본 언어 표시 주로 사용하는 언어를 명시해야 한다.

16.사용자의

요구에 따른 실행

사용자가 의도하지 않은 기능(새 창, 초점 변화

등)은 실행되지 않아야 한다.

17.콘텐츠의

선형화 콘텐츠는 논리적인 순서로 제공해야 한다.

18.표의 구성 표는 이해하기 쉽게 구성해야 한다.

19.레이블 제공 입력 서식에는 대응하는 레이블을 제공해야

한다.

20.오류 정정 입력 오류를 정정할 수 있는 방법을 제공해야

한다.

원칙 4. 견고성(Robust)

항목 내용

21.마크업 오류

방지

마크업 언어의 요소는 열고 닫음, 중첩 관계 및

속성 선언에 오류가 없어야 한다.

22.웹 애플리케이션

접근성 준수

콘텐츠에 포함된 웹 애플리케이션은 접근성이

있어야 한다.



장애인에 대한 이해와 함께 웹 접근성 지침에 따른 웹 사이트 구축 필요

시각 장애인, 청각 장애인, 지체 장애인 등 장애인별 웹 사이트 이용에 대한 이해가 필요 －이미지나 동영상은 시․청각 장애인에게 정보로써 전혀 기능하지 못하므로, 반드시 이를 대체할 별도의 설명이나 자막을 제공해야 함 －시각 장애인은 마우스 대신 키보드만으로 화면상의 콘텐츠를 접근할 수 있어야 하고, 저시력인의 경우 글자 확대가 가능해야 함 －플래시나 자바 스크립트, 팝업창 등을 남용하는 것을 지양하고, 대체설명이나 사전안내를 제공해야 함



웹 접근성 검수 방법

시각 장애인, 청각 장애인, 지체 장애인 등 장애인별 웹 사이트 이용에 대한 이해가 필요

검수도구 검사항목 내용

W3C

Validator 21.마크업 오류 방지

웹접근성에서 체크하는 마크업 오류 유형은 다음과 같다.

태그의 열고 닫음 오류 오류 예시

태그의 중첩 오류 <a href=”#”>오류 예시</a>

중복 선언된 속성 오류

 오류 예시

 오류 예시

 오류 예시

ID값 중복선언 오류

<ul>

<li id=”test1” >오류 예시1</li>

<li id=”test1” >오류 예시2</li>

</ul>





검사도구 검사항목 내용

OpenWax

1.적절한 대체 텍스트

제공,

13.제목제공,

15.기본 언어 표시,

18.표의 구성,

19.레이블 제공,

21.마크업 오류 방지

각 검사항목에 대한 문법검수에 편리하며, 내용의 정확성은 수동평가로 이루어져야

한다.





검사도구 검사항목 내용

IE8에서

키보드

테스트

7.키보드 사용 보장,

8.초점 이동,

12.반복 영역 건너뛰기,

16.사용자 요구에 따른

실행,

17.콘텐츠의 선형화,

20.오류 정정

지체장애가 있는 사용자는 보조공학기기를 이용하여 키보드만으로 웹을 사용하며, 보조공학기기는 윈도우 기반에서 작동하도록 만들어져 있어 현재 IE브라우저 중 가장 많이 사용하는 IE8 브라우저에서 사용성 테스트를 한다. 주의할 점은 마우스를 사용하지 않고 키보드만으로 콘텐츠를 모두 이용가능한지 테스트하는 것이다. 사용 키와 기능은 다음과 같다. Tab, Shift+ Tab키 - 순차적 방향, 이전 방향으로 포커스 이동 - 해당요소 : a링크, select, input type=”text”, checkbox, input type=”button” 상하좌우 방향키 - select의 option의 값은 상하 방향키로 이동 - radio의 이동은 상하좌우 방향키로 이동 Space bar키 - radio, checkbox선택 Enter키 - onclick이벤트 실행






IE8에서

센스리더

테스트

7.키보드 사용 보장,

16.사용자 요구에 따른

실행,

17.콘텐츠의 선형화,

18.표의 구성,

19.레이블 제공

전맹 사용자는 보조공학기기 중에서 음성리더기를 이용하여 키보드만으로 웹을

사용하며, 국내에서 많이 사용하는 센스리더를 사용하여 IE8 브라우저에서 사용성

테스트를 한다.

주의할 점은 마우스를 사용하지 않고 센스리더의 음성을 들으면서 키보드만으로

콘텐츠를 모두 이용가능한지 테스트하는 것이다.






Colour_C

ontrast_A

nalyser

5.텍스트 콘텐츠의

명도대비

디자인에서 체크하는 검사항목이다.

12px 글자 크기로 4.5 : 1이상으로 명도대비를 주어야함



외부에서 제공받는 제휴콘텐츠

웹 사이트 이용에 필요한 솔루션 - 공인인증서, 구간암호화, 키보드보안, 개인PC방화벽, 리포팅툴, 웹에디터, 차트, WTS 등

게시성 콘텐츠 및 첨부된 문서

동영상 및 플래시로 구현된 교육콘텐츠

웹 접근성 준수 범위

웹 사이트에서 제공하는 모든 콘텐츠



웹의 정신 - Accessibility

“The power of the web is in its

universality. Access by everyone

regardless of disability is an

essential aspect”

웹의 힘은 '장애에 관계없이 모

든 사람들이 접근 할 수 있는 것'

이 필수적인 요소이다.

- Tim Berners-Lee, Web의 창시자

3~6 F Ah-Seung Bldg. YeokSam-dong Kangnam-gu, Seoul, Republic of Korea Web: www.e-motion.co.kr / Te l: 02-542-1987 / Fax: 02-542-1988

Copyright ⓒ 2012 by e-motion Corp.

Beyond Asia. BOLD1. CONFIDENTIAL This material is proprietary to e-motion. It contains trade secrets and confidential information which is the property of e-motion. This material shall not be used, reproduced, copied, disclosed, transmitted, in whole or in part, without the express consent of e-motion.

감 사 합 니 다 차 영 신 [email protected]

[email protected]

Documents

2. 웹 접근성 - 차영신