이러닝 콘텐츠의 웹 접근성 개선방안

이러닝이러닝 콘텐츠의콘텐츠의

웹웹 접근성접근성 준수방안준수방안

이러닝이러닝 콘텐츠의콘텐츠의

웹웹 접근성접근성 준수방안준수방안

공무원공무원 사이버교육사이버교육 협의체협의체(2009. 12. 4)(2009. 12. 4)공무원공무원 사이버교육사이버교육 협의체협의체(2009. 12. 4)(2009. 12. 4)

현준호

한국정보화진흥원

웹 접근성 지원부 현 준 호 책임

([email protected])

1. 1. 들어가기들어가기1. 1. 들어가기들어가기

My Web(e-Learning)

현준호1

( ? ) Way

1. 1. 들어가기들어가기1. 1. 들어가기들어가기

기술이사람을

기술이 사람을 도와준다 !!

현준호2

바보로만든다 !!

- 리모트 콘트롤,�휴대폰,�웹 사이트를

부모님이,�아이들이,�선생님이 어떻게 이용하십니까 ?

2. 2. 웹웹 접근성이란접근성이란??2. 2. 웹웹 접근성이란접근성이란??

웹접근성제고 =

인터넷상의경사로를만들어주자

웹접근성제고 =

인터넷상의경사로를만들어주자

다리가아플때

축구,�등산을하고난 뒤

현준호3

무거운짐을들고다닐때등

키보드를활용하지못할때

저사양컴퓨터,�모뎀 등 통신환경이좋지않을때

시끄러운환경에놓여일을때동영상보기등

웹접근성소개동영상 :�http://www.kado.or.kr/wa/data/wa_WMV_512Kbit_stream.wmv

2. 2. 웹웹 접근성이란접근성이란??2. 2. 웹웹 접근성이란접근성이란??

「장애인차별금지 및 권리구제 등에 관한 법률」제정 (07.4월)

££ 동법동법 제제2121조조 ((정보통신정보통신··의사소통에서의의사소통에서의 정당한정당한 편의제공편의제공))

-- 행위자는행위자는 장애인에게장애인에게 전자정보전자정보 및및 비전자정보를비전자정보를 동등하게동등하게 접근접근

이용할이용할 수수 있는있는 필요한필요한 수단을수단을 제공제공

현준호4

££ 동법동법 시행령시행령 제제1414조조 [[정보접근정보접근··의사소통에서의의사소통에서의 정당한정당한

편의편의 제공의제공의 단계적단계적 범위범위 및및 편의의편의의 내용내용))

<<필요한필요한 수단수단> 1. > 1. 누구든지누구든지 신체적신체적 ·· 기술적기술적 여건과여건과 관계없이관계없이

웹사이트를웹사이트를 통하여통하여 원하는원하는 서비스를서비스를 이용할이용할 수수 있도록있도록 접근성이접근성이

보장되는보장되는 웹사이트웹사이트

3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란 ??3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란 ??

웹접근성관련표준에대한이해필요

- 웹 접근성국가표준,�콘텐츠 제작기법,�국가표준기술가이드라인참고

현준호5

http://www.iabf.or.kr/Pds/WalView.asp?board=wal&pg=3&bseq=2230&md=&sf=&ss=�

http://www.iabf.or.kr/Pds/StandardView.asp?board=relatstand&pg=2&bseq=632&md=&sf=&ss=�

http://iabf.or.kr/News/NoticeView.asp?board=notice&bseq=2860

3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란??3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란??

이러닝접근성,�보편적 교육에대한이해필요

- UDL 가이드라인,�KERIS�보고서 등 참고

현준호6

http://www.udlcenter.org/aboutudl/udlguidelines/downloads

3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란??3. 3. 이러닝이러닝 콘텐츠콘텐츠 접근성이란접근성이란??

플래시접근성에대한이해필요

http://www.adobe.com/accessibility/

현준호7

http://www.wah.or.kr/Board/brd_view.asp?page=2&brd_sn=5&brd_idx=471

4. 4. 이러닝이러닝 콘텐츠콘텐츠 접근성접근성 가이드라인가이드라인((안안))4. 4. 이러닝이러닝 콘텐츠콘텐츠 접근성접근성 가이드라인가이드라인((안안))

u개발자 :�안미리교수(한양대),�노석준교수(성신여대),�김성남교수(나사렛대),


이러닝콘텐츠접근성가이드라인(안)이러닝콘텐츠접근성가이드라인(안)

현 준 호8

u개발기간 :�2009년 3월 ~�현재 (현재 최종(안)�작성 중임)

u참고지침 :�UDL�Guidelines,�인터넷웹콘텐츠접근성지침

u구성 :�3개 분야 14개 항목

- 계획(Plan),�실행(Do),�점검(See)


계획(PLAN)

다양한학습자의특성을이해하라1

장애 학습자(예:�시각장애,�청각장애,�지체장애)의

특성을고려하라.�

노령자의 특성(예:�시력저하,�운동기능저하)을 고려하라.

현준호9

사례)�당신이 그림을볼수없는환경에있다면?

당신이 이미지를검색할때기계는무엇으로인식할까?

외국어로된동영상을보는경우자막이없다면 ?

당신이 마우스를사용할수없는환경에있다면 ?

당신이 흑백프린터로이러닝콘텐츠를인쇄한다면 ?�


하나의

웹 사이트로 !!하나의

웹 사이트로 !!어르신어르신

보다많은사람을 !!!보다 많은사람을 !!!

왼손잡이왼손잡이

보다많은환경에서 !!보다 많은환경에서 !!

핸드폰,�PDA핸드폰,�PDA

보조기기등기계보조기기등기계

현준호10

장애인장애인

어린이어린이

환자환자

여성여성

마우스가없을때마우스가없을때

흑백프린터(흑백복사기)흑백프린터(흑백복사기)

어둡거나시끄러울때어둡거나시끄러울때


계획(PLAN)

이러닝에활용되는보조기기및사용자도구를이해하라2

다양한보조공학(예:�화면낭독 프로그램(Screen�Reader),�

음성인식 프로그램,�화면확대프로그램)의 특성 고려

- 정보통신보조기기디지털체험관

현준호11

(http://www.at4u.or.kr)�참조

운영체제(예:�MS�Windows,�Mac�OS),�브라우저(예:�MS�Internet�

Explorer,�Mozilla�Firefox,�Apple�Safari,�Opera),�학습보조장치(예:�

태블릿 PC,�PDA)�등과 같은사용자도구의특성을고려하라.

접근성기능을제공하는최적의저작도구를선택·활용하라


계획(PLAN)

운영시스템과학습보조자료의접근성을고려하라3

학습관리시스템과학습콘텐츠관리시스템에대한

접근성을제공하라.

현준호12

- LMS�&�LCMS�등의 접근성개선필요

학습을위해요구되는보조자료에대한접근성을제공하라.

보조자료에대한접근이불가능할경우,�이를 대신할수있는동등한

대체수단을제공하라.


계획(PLAN)

ICT�접근성 관련표준이나웹접근성지침을준수하라4

이러닝콘텐츠관련기술표준(WCAG�1.0,�IWCAG�1.0,�

IMS�등)을 준수하여운영시스템및콘텐츠를설계․개발하라

현준호13

- 인터넷 웹콘텐츠접근성지침,�전자 문서접근성지침

- IMS�Guidelines�for�Developing�Accessible�Learning�Applications�

- 소프트웨어접근성가이드라인

- UDL�Guideline�1.0�등


계획(PLAN)

학습자스스로필요에따라학습과정및학습활동을조절할수있는수단을제공하라.�

5

학습속도,�학습순서,�학습분량,�정보처리의난이도등의학습

진행요소를학습자가통제할수있는방식으로구성하라.�

현준호14

- 참조:�한국교육학술정보원이러닝품질관리센터웹사이트

(http://quality.keris.or.kr)


실행(Do)

학습대상자에게맞는명확하고쉬운언어표현을사용하라6

모든표현과지시사항은간단명료해야하며,�어려운 용어는

별도의설명을제공하라

현준호15

- 용어설명기능등도움말기능을잘활용하라

꼭필요한경우를제외하고,�약어를 사용해서는안된다.�필요한 경우,�

축약하지않은형태(full�word)로 제시하라

- 무분별한외래어사용,�축약어 사용금지등


실행(Do)

인터페이스와그기능에대한사용자도움말을제공하라7

인터페이스에대한도움말,�이용방법에대한설명

등을제공하라.

현준호16


실행(Do)

저작도구의접근성기능을최대한활용하라8

저작도구(Flash,�Director,�Flex�등)나 웹 에디터

(Dreamweaver,�나모 웹에디터등)가 제공하는접근성기능을

최대한활용하여제작하라.�

현준호17

최대한활용하여제작하라.�

.


실행(Do)

인터페이스의일관성을유지하라9

버튼,�아이콘,�링크,�네비게이션바등은그기능에해당하는

적절한이름(Label)을 일관되게제공하라.�

현준호18

제목,�목차,�메뉴 등의 화면배치(Layout)는 일관성 있게

제공하라.�

.


실행(Do)

이러닝콘텐츠를모든학습자가인식할수있도록제공하라10

텍스트아닌콘텐츠는대체텍스트를제공하라.�

현준호19


실행(Do)

시간에따라변화하는영상매체는해당콘텐츠에대한대체수단

(예:�자막,�원고 또는 수화)을 제공하라.�

현준호20

콘텐츠는색상에무관하게인지할수있도록제공하라.

위반사례 :�동등하지 않은 요약정보제공준수사례 :�동등한 자막 제공


실행(Do)

이러닝콘텐츠를모든학습자가운용할수있도록제공하라11

모든 동작은키보드만으로도조작가능해야한다.

시간제한이있는콘텐츠의경우,�시간제한을조절하거나없앨수있는

현준호21

시간제한이있는콘텐츠의경우,�시간제한을조절하거나없앨수있는

방안을제공하라.�

콘텐츠의깜빡거림을피할수있는방안을제공하라.�


실행(Do)

이러닝콘텐츠는모든학습자가이해하기쉽게제공하라12

콘텐츠의모양이나배치는학습자가이해할수있도록

논리적으로구성하라.�

현준호22

논리적으로구성하라.�

온라인 서식의경우,�서식 작성에필요한정보(예,�콤포넌트에대한

레이블)를 제공하라.�

1 2

3


점검(See)

이러닝콘텐츠에대한사용자평가를실시하라13

다양한유형의장애인(예:�시각장애인,�청각장애인,�지체

장애인,�노인)을 포함하여,�사용자 평가를실시하라.

다양한보조공학,�브라우저,�접근성 평가도구등을14

현준호23

최대한사용하여접근성과상호운용성을점검하라14

다양한보조공학(예:�화면낭독 프로그램,�화면확대 프로그램)이나 접근성

평가도구(KADO-WAH�등)를 사용하여접근성을점검하라.

다양한브라우저(예:�MS�Internet�Explorer,�Mozilla�Firefox,�Apple�

Safari,�Opera)를 사용하여콘텐츠의상호운용성을점검하라.

5. 5. 결결 론론5. 5. 결결 론론

묻자,�묻자,�묻자 !!(Just�Ask)&

1명,�2명,�4명,�8명 ...(다단계)

현준호24

1명,�2명,�4명,�8명 ...(다단계)(Amway’s�way)

“If�I�can�get�another�10�engineers�motivated�to�work�on�

accessibility,”�he�said,�“it�is�a�huge�win.”�

- Google�T.V�Raman,�New�York�Times(‘09.�1.3)

함께해요 !!함께해요 !!

5. 5. 결결 론론5. 5. 결결 론론

접근성 ≒�[�가치 ]

같이(Together)

üWeb(IT)�for�everyone

ü Cooperation�between�developer�and�users

현 준 호25

접근성 ≒�[�가치 ]

가치(Value)

ü Think�Different�à Innovation�àMaking�$$$$

ü Corporate�(Individual)�Social�Responsibility

üMachine�(Technology)�helps�you�

참참 고고참참 고고개발자아카이브 :�웹 접근성구축사례

(항목별우수및 미준수사례제공)

자문서비스 :�온라인으로웹접근성에대한

궁금증을해결할수있는서비스

현준호26

웹접근성연구소사이트 :�www.wah.or.kr


감사합니다감사합니다감사합니다감사합니다

현준호


웹접근성지원부현준호책임

([email protected], 02-3660-2577)

http://jhyun.wordpress.com/

Documents

이러닝 콘텐츠의 웹 접근성 개선방안