웹표준 기반 웹접근성지원 음성 솔루션

웹 접근성 보장

디지털 민주주의 구현 사회통합

보편적 설계 보편적 서비스

1) 제안 개요

웹 접근성의 목적

웹접근성에 영향을 받는 계층

장애를 가짂 사람들

청각장애

인지장애, 정싞장애

싞체장애, 언어장애

시각장애

다수의 노인들은 장애를 가짂 사람과 유사핚 필요를

가짐

1) 제안 개요

웹접근성 추진 고려사항- W3C

웹컨텐츠접근성지침

저작 및 평가도구

음성서비스, 브라우저

1) 제안 개요

보조기술의 한계– Assistive Technology

시각장애인 중 보조기기인 PC형 스크린리더 사용자는 전체 시각장애인의7~10%로 다수의 시각장애인이 보조기기 혜택을 받지 못함.

한글 언어 장애를 가진 다문화가정, 난독증과 같은 학습장애, 저시력인 등 독서장애를 가진 음성이 필요한 다수의 장애계층이 존재함.

시각장애인 보조기술(스크린리더) 사용 통계 – 한국정보화진흥원 2008 장애인실태조사

2) 문제점

음성이 필요한 독서장애인 유형

장애유형 대상인원

PC형 보조기기

미보유

독서장애인

시각장애(저시력장애) 15만

언어장애(조음, 인지 등) 5만

학습장애 (난독증 등) 400만

노인 (65세 이상) 700만

문맹자 100만

다문화가정 100만

외국인, 재외동포 -

(단위 : 명, 대핚민국)

자료출처 : 보건복지부, 핚국정보화짂흥원

2) 문제점

보안제품과 보조도구의 충돌 문제

2) 문제점

안 제품과 웹접근성 보조도구의 충돌문제

키보드보안 활성화 시 PC형 스크린리더 제품이 웹사이트의 입력값을 알 수 없어 로그인,

전자금융거래, 쇼핑 등 시각장애인의 주요 인터넷 활동에 제약사항으로 이슈가 됨.

보 보드 보안상태에서 웹접근 및 이용을 보장할 수 있는 대체수단의 요구

키보드 보안과 장애인 웹접근성 보장이 의무화된 상태에서 보안영역과 웹접근성 영역을

동시에 만족시킬 수 있는 대체수단의 제공이 필요함.

웹표준 정책과 보안 정책에 위배되지 않는 멀티브라우저를 지원하는 서버기반 음성서비스

를 통해 웹접근성과 보안정책을 동시에 만족시킬 수 있는 방법을 고안함.

보

키

2) 문제점_키보드보안과 보조도구 충돌 예시

키보드 보안 적용된

전자금융 계좌이체

키보드 해킹 프로그램에

입력 값이 나타나지 않음

스크린리더는 화면을 해킹

하는 PC프로그램의 일종으

로 키보드 보안 상태에서는

입력값 등을 읽을 수 없음.

계좌번호, 비밀

번호 등 주요한

정보의 입력이

불가능함

보이스몬 DS

보이스몬(Voicemon DS) 는 언어적인 어려움을 겪는 독서장애인계층을 지원하기

위해 설계 되었습니다.

보이스몬 DS는 젂맹 시각장애인이 사용하는 센스리더와 같은 PC형 스크린리더를

대체하기 위해 설계된 것이 아니라 상호 보완하기 위해 설계되었습니다.

보이스몬 DS ‘말하는 홈페이지’는 W3C와 WCAG2.0과 KWCAG1.0, 2.0

지침이 보편적 설계에 반영된 웹사이트에서 사용이 최적화 되어 있습니다.

참고1 : 독서장애인 계층 [언어장애인, 저시력자, 학습장애자(난독장애), 노인, 지체장애자,

국내체류 외국인(다문화가정), 재외동포 등] 젂체 국민의 20%

참고2 : PC형 스크린리더 키보드보앆 페이지 미지원 문제

3) 제품소개

왜 보이스몬인가? 법률 및 지침

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

- 정보격차해소에 관한 법률

- 장애인에 대한 특수교육법

- W3C, KWCAG 가이드라인

- 개인정보보호법 –보안 제품과 스크린리더 미지원 문제

공익측면 - 보이스몬 DS는 사용자에게 무상으로 보조기술을 제공하는 모델 (반면, 스크린리더 등의 기존의 보조기기는 사용자가 구매해야 하는 모델)

3) 제품소개

보이스몬 지원하는 사용자계층 - 스크린리더를 사용하지 않는 저시력 시각장애인

- 키보드보안 작동 페이지를 PC형 스크린리더로 사용하는 시각장애인 (인터넷뱅킹, 로그인, 전자 민원 페이지 등)

- 난독증 혹은 다른 언어장애와 학습장애인

- 시력이 저하된 노인

- 한글을 모르거나 서툰 문맹인, 다문화가정, 재외동포 등

3) 제품소개

저시력 장애인

- 대한민국의 25만명의 시각장애인 전맹 장애인

2만명을 제외한 나머지 장애인이 저시력 시각장애인.

- 저시력장애인 들 대부분이 PC형 스크린리더를 사용하지 않음.

- 이들에겐 자체적인 음성서비스를 제공하면 훨씬 손쉽게 웹사이트를

사용할 수 있는 장애인 계층임.

3) 제품소개

전맹 장애인

- PC형 스크린리더를 사용하는 전맹 시각장애인 계층.

- 인터넷뱅킹, 전자민원, 로그인 등 대부분의 주요 인터넷사이트의 기능

이 키보드보안 상태에서 작동됨.( 개인정보보호법 의무화)

- 키보드보안영역에서 스크린리더 미작동, 오류 등 문제 해결을 위해서

자체적인 음성서비스 보완이 필요

3) 제품소개

난독증 (학습장애)

- 난독증 (Dyslexia)는 그리스어로 언어장애을 의미

- 이러한 난독장애인은 읽기와 관련된 혼란증상으로 인해 온라인 컨텐츠를 읽고 이해하는데 어려움을 겪는 사람들을 의미 - 난독증은 통상 ‘숨겨진 장애’로 우리나라 사람들의 6%정도가 난독증을 겪고 있다고 알려져 있다.

- 난독증은 여러 정의가 있지만 미국 학습장애 협회 (LDA) 에서는 난독증을 학습장애로 정의 하고 있다.

3) 제품소개

언어장애

- 국내 장애인 중 언어장애 5만명

- 국내 문맹인은 전체인구의 1.5%로

이들은 언어적인 장애로 인해 인터넷으로 부터 소외되고 있음.

(출처 : 통계청 )

3) 제품소개

노인

- 대한민국의 65세 이상 80% 이상의 사람들이 시각저하로 어려움을

겪고 있으며 이들 중 황반변성이나 백내장으로 인한 시력에 심각한

문제를 안고 있음.

- 노인들의 정보화교육등으로 인해 인터넷 이용한 이메일

활용과 정보검색 등의 빈도가 늘어나고 있는 추세

(출처 : RNIB, Silver surfers Reuters Feb 2007)

3) 제품소개

한국어를 제2외국어로 사용하는 사람들

- 2010. 6.30 현재 국내 체류 외국인 120만명 시대

이들은 한국어을 사용하지 않는 나라에서 온 사람들

- 한국어를 제2외국어로 사용하는 사람들에게는 읽는 것과 동시에

들려주는 것이 한국어의 이해도를 높이는데 필요

- ICT 학습 지원을 통해 한국어를 학습 케 하는 전략이 필요

(출처 : 법무부 )

3) 제품소개

보이스몬이 읽을 수 있는 형태

- HTML

- 키보드 보안상태의 입력폼 페이지

- 접근성이 지원되는 Java와 Flash

- 이미지상의 Alt Tag

- 하이퍼링크

- Https 보안 사이트

- 인트라넷, 익스트라넷

- PDF, WORD, EXCEL, PPT 전자문서

- 블로그, 모바일

3) 제품소개

보이스몬 서비스의 장점- 공급자측면

보이스몬 도입고객은 도입과정에서 복잡한 고민을 하지 않으셔도 됩니다.

- 서버에 어떤 소프트웨어도 설치하지 않습니다.

- 웹표준 방식으로 5종 브라우저 호환성을 지원합니다.

- 서비스를 ASP방식으로 매년 서비스 받을 수 있습니다.

- 호스팅 방식으로 어떤 대역폭 소모가 없습니다.

- 내부/외부/보안 웹사이트에 모두 적용 가능합니다.

- 웹사이트에 코드 한줄만 추가 하시면 됩니다.

- 모든 기능은 귀하의 URL로 서비스 됩니다.

- 모든 음성기능은 암호화 되어 전송됩니다.

- 추가적인 SW관리를 위한 어떤 노력도 들어가지 않습니다.

- 무상 업그레이드 및 기술지원

3) 제품소개

웹사이트 방문자는 무료로 다음의 모든 기능을 이용할 수 있습니다.

- 다양한 음성 (여성, 남성, 어린이, 외국어)

- 음성조절기능 (속도, 크기, 높이, 연속 구간별 읽기)

- 고대비 반전 기능

- 확대기능

- 음성파일 다운로드

- 음성사전기능(한글 / 영문)

- 전자문서 읽기 기능(pdf, word, excel, ppt)

- 사용법 음성안내

- 링크, 폼, 테이블 자동 인식기능

- 플래쉬, 이미지 대체텍스트 읽기 기능

보이스몬 서비스의 장점- 사용자측면

3) 제품소개

마우스와 키보드 이벤트에 따라 시각적 하이라이트 기능과 동기화되게 음성을

실시간으로 들을 수 있도록 지원 됩니다.

단순 텍스트 컨텐츠 뿐만 아니라

이미지와 플래시의 대체텍스트까지

읽어 줍니다.

웹 페이지보는 것 보다

보고 읽어주는 것이 어떠한 정보전달

방식보다 우수하다. (Cogan & Flecker)

장점 및 혜택- 음성 및 하이라이트 기능

3) 제품소개

- 문장단위의 하이라이팅 위치인식 기능

- 음성과 하이라이팅 위치의 동기화

음성서비스가 되는 컨텐츠의 동기화된 위치확인 하이라이트 기능은

이해도를 향상 시키는 수단으로 이미 증명되어 있으며,

읽기 능력을 높여서 언어 인지 및 학습효과를 증가 시킵니다.

보이스몬은 음운처리과정을 통해 단어를 해석하고 독자가

단어의 의미를 완전히 이해할 수 있도록 집중 시켜 줍니다.

장점 및 혜택- 하이라이팅_계속

3) 제품소개

보이스몬은 웹기반 폼을 자동으로 인식하여 사용자가 입력하려는 폼의 형태와

입력한 내용을 음성으로 사전에 안내하여 사용자의 입력폼 작성작업을 효과적으로

지원합니다.

이러한 폼 스크린리딩 기능은 키보드보안

영역의 PC형 스크린리더 미지원 문제를

기술적으로 보완해 줍니다.

보이스몬은 다양한 경고 및 안내창의

음성지원으로 사용성을 극대화 합니다.

장점 및 혜택- 폼 스크린리딩지원

3) 제품소개

보이스몬은 다양한 형태로 웹사이트에 게시한 문서를 음성으로 읽어 주는 것을

지원합니다.

가장 일반적인 문서폼인 PDF, WORD,

EXCEL, PPT문서도 음성으로 읽을 수 있도록

제공 합니다.

보이스몬은 전자문서 음성지원을 통해

장차법 상의 전자문서 접근성 보장을 지원.

장점 및 혜택- 전자문서 스크린리딩

3) 제품소개

보이스몬은 W3C 웹접근성 지침

에 맞춰 제작된 테이블의 순차적인

읽기를 지원합니다.

보이스몬은 웹접근성 지침에 맞춰

제작된 웹사이트의 사용성을

극대화 시킵니다.

장점 및 혜택- 테이블 순차적 읽기지원

3) 제품소개

보이스몬은 단어별, 문장별, 문단별

혹은 전체 내용을 연속해서 읽을 수

있습니다. 읽기의 속도 조절이 가능

합니다.

보이스몬은 구간별 읽기기능이

가능하여 문단별로 다시 들을 수

있도록 지원합니다.

장점 및 혜택- 연속/구간별읽기

3) 제품소개

한국어가 익숙하지 않은 외국인 등에게음성이 지원되는

음성사전기능(한글/영어)을 제공하여 학습기능을 지원.

글자확대기능과 고대비 반전기능을 지원하여 저시력

장애인을 위한 필수기능을 제공합니다.

음성파일 다운로드를 지원하여

스마트폰, 휴대기기 등에서 일반인과 장애인 모두 청취할 수 있도록 지원합니다.

장점 및 혜택- 음성사전, 확대, 고대비 기능

3) 제품소개

웹사이트 - 음성서비스 연동 방법

1. 웹사이트의 헤드 영역에 아래의 스크립트를 삽입. <head> … <script type="text/javascript" src="/voicemonds/voicemonDS.js"> </head> 2. 웹사이트 폴더에 새 폴더를 만든 후 개발사에서 제공한 파일3개를 복사

ex : {홈페이지root}/voicemonds

… 연동작업 완료

3) 제품소개

프로세스-보이스몬 ASP센터

F/W

Router

Web 서버 #1

TTS서버 #1

INTERNET

로드발랜서

①

②

TTS서버 #2

}

보이스몬 태그 가 삽입된 홈페이지

장애인, 노인 다문화가정

DB서버 #1

DMZ

보이스몬 태그 가 삽입된 홈페이지

보이스몬 태그 가 삽입된 홈페이지

1. 홈페이지 사용자가 대상기관 홈페이지의 음성서비스 요청

( ) 2. DMZ구갂으로 Text 데이터

젂송 3. 실시갂 합성된 음성파일을 홈

페이지 사용자에게 직접 젂송

( ) 4. 장애인, 노인 등은 대상기관

의 홈페이지 콘텐츠를 음성청취

5. 방문된 음성지원 홈페이지 콘

텐츠를 보이스몬 서버를 통해 통계 분석

①

②

3) 제품소개

보이스몬 – No1 Reference

3) 제품소개

True or False

1. 웹사이트에서 음성서비스 없이도 법률상의 장애인 웹접근성을 보장할 수 있다?

2. 모든 장애인이 보조도구를 가지고 있다?

3. 스크린리더로 모든 웹사이트를 사용할 수 있다?

4.전자문서는 HTML만 포함된다?

5.웹 접근성을 준수하면 일반인을 포함한 모두의 웹사용성을 향상시킨다?

True False

4) 참고자료

보이스몬DS 사용성 분석자료

참여 그룹 인원

난독증(Dyslexia) 5

저시력 장애인 4

인지장애인 4

노인 2

외국인(국내체류) 5

비율 사용자그룹 테스트 보고서

78% 서비스가 사용하기 쉽다

92% 안내 메시지가 매우 중요하다

87% 자동으로 읽어 주는 기능이 매우 좋았다

83% 폼의 자동안내 기능이 매우 좋았다

68% 앞으로 이런 서비스를 사용하고 싶다

주요 개선의견

전화번호나 기타 숫자 기능의 구분이 될 수 있으면 좋겠다.

보이스몬 서비스가 어떻게 활성화 되는지 명확히 알려주기 바란다.

문서 음성서비스가 형태를 유지핚 상태로 읽어 주면 좋겠다.

2010.02 보이스몬 파일럿 테스트 랩 3개 웹사이트의 보이스몬 사용자 테스트 설문조사 결과

4) 참고자료

BBC Research- Dyslexia barriers

참여 그룹 인원

난독증(Dyslexia) 7

학습장애인 2

인지장애인 4

저시력장애인 2

사용자그룹 테스트 보고서

이들중 4명 만이 세팅을 변경핚 경험 보유

페이지 커스터마이징툴을 잘 모름

그들은 알고는 있으나 그러핚 기능을 자신들이 사용핛 수 없을거라 생각함

저시력자와 난독증 사용자만이 보조기술에 대해 인지

인지도 / 교육 - 참가자들은 브라우저 설정조작 방법을 일반적으로 모르고 있음 - 브라우저 설정을 변경하는 기능이 찾기 쉬어야 함 - 장애에 따라 브라우저 설정을 조작하는 것이 너무 많은 노력이 필요함 - 보조기술에 대해 알고 있는 사람이 너무 적다

4) 참고자료

BBC Research- Dyslexia barriers

장애/ 해결책 - 참가자들은 설정변경에는 수용적인 입장 - 많은 경우에 개인적인 설정변경에 대해 잘 알지 못함 - 보조기술에 대해 알고 있는 사람이 너무 적다 - 텍스트사이즈, 텍스트와 배경색, 선과 문자 갂격, 음성조젃기능 등을 요구 - 참가자들은 좀더 환경설정기능이 많으면 좋겠지만 분리된 단위로 각각의 설정을 변경하

는 것을 더 원함

그들이 짂정원하는 것은… - 환경설정을 사이트젂체에 동일핚 방식으로 적용될 수 있는 것을 원하며 - 핚가지 사이즈로 모든 것을 맞출 수 있는 방식을 선호함

브라우저설정기능을 왜 사용하지 않는가? - 폰트 재설정 등이 충분치 않으며 - 많은 사람들이 브라우저 옵션 기능을 제대로 알지 못함 Jonathan Hassell – Head of Audience Experienced and Usability BBC UX&D

4) 참고자료

장애인차별금지법

법률안 주요조항 비고

제 20조 1항

20조(정보접근에서의 차별금지) ① 개인 법인 공공기관(이하 이 조에서 “개인 등”이라 한다)은 장애인이 전자정보와 비전자정보를 이용하고 그에 접근함에 있어서 장애를 이유로 제4조 제1항 제1호 및 제2호에서 금지한 차별행위를 하여서는 아니된다.

제21조 1항

21조(정보통신·의사소통에서의 정당한 편의제공의무) ① ..생략 당해 행위자 등이 생산·배포하는 전자정보 및 비전자정보에 대하여 장애인이 장애인 아닌 사람과 동등하게 접근·이용할 수 있도록 수화, 문자 등 필요한 수단을 제공해야 한다.

제23조 1항

제23조(정보접근·의사소통에서의 국가 및 지방자치단체의 의무) ① 국가 및 지방자치단체는 장애인의 특성을 고려한 정보통신망 및 정보통신기기의 접근·이용을 위한 도구의 개발·보급 및 필요한 지원을 강구하여야 한다.

제49조 제50조

시정명령 불 이행시 3천만원 이하의 과태료(장차법 제50조) 차별행위가 악의적인 경우(고의성, 지속/반복성, 보복성 등 고려) 3년 이하의 징역 또는 3천만원 이하의 벌금 부과(장차법 제49조)

4) 참고자료

장애인차별금지법 (시행령)

시행령 주요조항 비고

제 20조 1항

제14조(정보통신·의사소통에서의 정당한 편의 제공의 단계적 범위 및 편의의 내용) ① 법 제21조 제1항 전단에 따라 장애인이 접근·이용 할 수 있도록 수화, 문자 등 필요한 수단을 제공하여야 하는 행위자 등의 단계적 범위는 별표 3과 같다. ② 법 제21조 제1항에 따라 제공하여야 하는 필요한 수단의 구체적인 내용은 다음 각 호와 같다. 누구든지 신체적·기술적 여건과 관계없이 웹사이트를 통하여 원하는 서비스를 이용할 수 있도록 접근성이 보장되는 웹사이트

4) 참고자료

장애인차별금지법 (시행령적용의 단계적 범위)

행위자 공공기관 교육기관 의료기관 복지시설 문화예술체육

민갂사업장 노동조합

1년이내(‘09) 공공기관 -공사립특수학교 -특수학급이 설치된 학교 -장애전담보육시설

종합병원 -사회복지시설(사회복지관등) -장애복지시설(요양 및 재활시설등)

근로자300인 이상

2년이내(‘10) -국립문화예술단체 박물관, 미술관 -국립중앙도서관 -공공도서관

3년이내(‘11) -국공립유치원 -초중고대학교 -보육시설(100인이상)

-일반병원, 치과, 핚방병원(입원30인 이상)

-근로자100~300인

4년이내(‘12)

5년이내(‘13)

4) 참고자료

해외 사례

Browsealoud : 영국 및 젂세계 5000개 기관에서 서비스중인 메이저 음성서비스 업체 영국내 공공기관의 70% 정도가 도입 http://www.browsealoud.com

Readspeaker : 유럽 및 젂세계 5000개 기관에서 서비스중인 업체 유럽과 미주, 일본지역에 판매중http://www.Readspeaker.com

ROKTALK : 영국내 판매중인 음성서비스 후발주자 미국 및 영국 난독증협회에서 인증 http://www.roktalk.com

해외 사례 웹접근성 및 음성서비스 소개 블로그 : http://blog.naver.com/toysun

4) 참고자료

Talk To Us It is cool way to read mobile web

www.webtalks.co.kr

Tel. 070-4323-0295 E-mail. suzie@suziesoft.com