1. IT Forum Korea 2011 [2011. 5. 3)
모바일 애플리케이션 접근성
(Mobile Application Accessibility]
한국정보화진흥원 현 준 호 책임
(jhyun22@nia.or.kr, Twitter : @jhyun22
http://jhyun.wordpress.com/)
현 준 호
2. 1. 들어가기
전 세계 인구의 10% (6억 5천만명)
( 출처 : UN ENABLE Websites, http://www.un.org/disabilities/default.asp?id=18 )
미국 인구의 19% (2010년 5월 발표)
http://www.census.gov/newsroom/releases/archives/facts_for_features_special_editions/cb10-ff13.html
유럽연합 인구의 약 15% (2005년 발표자료)
http://eur-lex.europa.eu/LexUriServ/site/en/com/2005/com2005_0425en01.pdf
1 현 준 호
3. 1. 들어가기 – 장애인 소비자로 산다는 것의 의미
장애인 소비자로 산다는 것의 의미(휴대폰) - http://www.youtube.com/watch?v=nYlbt6SiNm8
2 현 준 호
4. 1. 들어가기 – 지도, 카메라가 시각장애인에게 필요한가 ?
지도,
주변에 나에게 필요한 식당, 관공서 등을 확인할 때?
친구 또는 가족에게 현재 위치를 알려 줄 때 ?
택시를 부를 때, 또 어디로 가는지 ?
동료들과 사진 공유할 때 ? SNS 할 때 ?
화상통화로 긴급한 용무?
(보일러, 정수기, 전자레인지, 인터넷 공유기 고장시, 뺑소니 등) ?
3 현 준 호
5. 1. 들어가기 – 디지털 개안(開眼) & 사생활
개안(開眼)
< 엑스비전 테크놀러지 김정호 이사 > < 연세대학교 컴퓨터과학과 졸업 신형진 군 >
접근성 ≒ 디지털 개안(開眼) IT로 나에게도 사생활이 생겼어요!!
참고자료 : 블로터닷넷, “IT가 삶을 바꿨어요”…두 장애인에게 들어보니, 2011. 3. 10
http://www.bloter.net/archives/53103
4 현 준 호
6. 1. 들어가기
21st Century Communications and Video
Accessibility Act (2010. 10. 8)
- 3년 이내 미국 내 스마트 폰의 접근성 준수 의무화
http://www.fcc.gov/cgb/dro/cvaa.html
5 현 준 호
7. 2. 모바일 접근성
Small
Screen
Diverse
OS
Low
Bandwidth
6 현 준 호
8. 2. 모바일 접근성
모바일 기기
Mobile 자체의 접근성
Device
모바일에서 사용하는
소프트웨어 접근성
Mobile
Accessibility
Mobile
Mobile Assistive
Web/Apps Technologies
장애인의 이용 편의를
위한 보조기기
7 현 준 호
9. 3. Mobile Devices - iPhone
http://www.apple.com/iphone/features/accessibility.html
8 현 준 호
10. 3. Mobile Devices - iPhone
< VoiceOver 실행 방법 >
[설정] → [일반] 항목 → [손쉬운 사용]을
선택, 특정 항목을 선택하기 위해서는 한
번 터치하고 선택한 항목을 활성화(실행)
하려면 두 번 터치함
9 현 준 호
11. 3. Mobile Devices - iPhone
VoiceOver VoiceControl
음악, 전화걸기 등
Braille displays
Zoom
Entering Text High Contrast
10 현 준 호
12. 3. Mobile Devices – 안드로이드 기반 폰
http://eyes-free.googlecode.com/svn/trunk/documentation/android_access/index.html
11 현 준 호
13. 3. Mobile Devices – 휴대전화 키패드 표준
휴대전화 키패드 접근성 지침 1.0
(정보통신단체표준 TTAS.KO-06.0152, 2007년 12월 26일)
http://www.iabf.kr/upload/pds/TTAS_KO-06_0152.pdf
* 원 칙 : 보편적 설계(Universal Design)
휴대전화기 제조업자와 이동통신 서비스 제공자는 무리한 부담이 되지 않는 한
장애인, 노인 등이 휴대전화기를 별도의 보조기구(Assistive Devices)를 사용하지
않고서도 장애를 가지지 않은 자와 동등한 수준으로 활용할 수 있도록 키패드의 기
능과 설계가 이루어지도록 한다.
* 원칙 : 호환성(Compatibility)의 제공
휴대전화기 제조업자와 이동통신 서비스 제공자는 보편적 설계가 가능하지 않은
경우, 장애인․노인 등을 위한 보조기구(Assistive Technology)와 호환될 수 있도
록 휴대전화기를 설계․제작 및 제공하도록 한다.
12 현 준 호
14. 3. Mobile Devices 휴대전화 키패드 표준
• 손 또는 팔 동작의 보완 : 휴대전화기의 키패드는 장애를 가진 사용자가
사용할 수 있도록 버튼이 충분히 커야 하며, 미세한 조정 및 동시 조작 등을
요구하는 기능을 사용할 수 있게 하는 보완적인 수단이 제공되도록 한다.
• 반응시간의 보완(Complement to the response time) : 일정 시간 내
의 반응을 요구하는 입력 및 제어 기능을 가진 휴대전화기의 서비스에는 반
응 시간을 조정할 수 있는 보완적인 수단이 제공
13 현 준 호
15. 3. Mobile Devices 휴대전화 키패드 표준
• 시력의 보완 및 대체(Complement to and Replacement of Eyesight) :
시각능력을 요구하는 입출력 및 제어 기능을 가진 휴대전화기에는 청각 및
촉각을 사용하여 시각을 대체하거나, 확대 기능 등과 같이 시각을 보조할
수 있는 보완적인 수단이 제공되도록 한다.
• 색상 식별능력의 보완(Complement to Color contrast) : 색상 식별능
력을 요구하는 입력 및 제어 기능을 가진 휴대전화기의 키 및 이동통신 서
비스에는 색상 이외의 방법으로도 식별 또는 작동할 수 있는 보완적인 수단
이 제공되도록 한다
14 현 준 호
16. 3. Mobile Devices 휴대전화 키패드 표준
• 청력의 보완 및 대체(Replacement of and Complement to Audible
Message) : 입력 및 제어의 결과와 작동상태가 청각으로 전달되는 기능을
가진 휴대전화기에는 시각이나 촉각을 사용하여 동일한 정보를 전달할 수
있는 보완적인 수단이 제공되도록 한다.
• 인지능력의 보완(Complement to Cognitive Ability) : 휴대전화기의 키
패드는 인지능력에 제약이 있는 사용자가 혼란을 일으키지 않고 독립적으
로 활용할 수 있도록 설계되어야 한다.
15 현 준 호
17. 4. Mobile Web/Apps – Mobile Web (W3C)
MWBP(Mobile Web Best Practices) 1.0
WCAG (Web Content
Accessibility Guidelines) 2.0
http://www.w3.org/TR/mobile-bp/
http://www.w3.org/TR/WCAG20/
16 현 준 호
18. 4. Mobile Web/Apps – Mobile Web (W3C)
MWBP(Mobile Web Best Practices) 1.0
http://www.w3c.or.kr/Translation/mwbp_flip_cards/
17 현 준 호
19. 4. Mobile Web/Apps – Mobile Web (W3C)
MWABP(Mobile Web Application Best Practices) 1.0
http://www.w3c.or.kr/Translation/MWABP/
18 현 준 호
20. 4. Mobile Web/Apps – Mobile Web (W3C)
WCAG 2.0 & MWBP 1.0 (http://www.w3.org/WAI/mobile/)
Table of Shared Web Experiences: Barriers Common to Mobile Device Users and
People with Disabilities (http://www.w3.org/WAI/mobile/experiences-
table.html#non-text)
19 현 준 호
21. 4. Mobile Web/Apps – mobile applications
http://developer.apple.com/iphone/library/documentation/UserExperience/
Conceptual/iPhoneAccessibility/Introduction/Introduction.html
20 현 준 호
22. 4. Mobile Web/Apps – mobile applications
http://code.google.com/p/e
yes-free/
http://developer.android.com/reference/android/accessibilityservice/pac
kage-summary.html
21 현 준 호
23. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
한국정보화진흥원(NIA)이 주축으로 ’11년 2월부터
모바일 애플리케이션 접근성 표준화 추진
- 작업반 : 성균관대 이성일 교수(위원장)을 비롯하여 국내 제조사, 통신사,
애플리케이션 개발업체, 장애인 보조기기 업체 및 단체 등의 전문가로
구성하여 추진 중
- 현재(’11년 4월말) 표준(안) : 필수사항 7개, 권장사항 8개
- 표준 관련 제안 및 문의처 : 한국정보화진흥원 정보접근지원부 현준호 책임
(jhyun22@nia.or.kr , 02-3660-2577)
22 현 준 호
24. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
1 (대체 텍스트) 텍스트 아닌 콘텐츠의 대체 가능한 텍스트를 제공해야 한다.
23 현 준 호
25. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
(초점) 모든 객체에는 초점(Focus)이 적용되고,
2
초점은 순차적으로 이동되어야 한다.
비밀번호 입력 창으로 초점이
이동되지 않는 사례
24 현 준 호
26. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
(운영체제 접근성 기능 지원) 모바일 운영체제가 제공하는
3
접근성 기능 및 속성을 지원해야 한다.
VoiceOver High Contrast
Android
Talkback
25 현 준 호
27. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
(누르기 동작 지원) 모든 컨트롤을 누르기(touch or tap)
4
동작으로 제어할 수 있어야 한다.
볼륨 조절, 주파수 제어 등 누르기 동작으로
불가능하게 제공되는 것이 없는지!
à 누르기 동작으로 제어 가능하게 제공 필요
5 (색에 무관한 인식) 색에 관계없이 인식할 수 있어야 한다.
26 현 준 호
28. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
6 (명도 대비) 전경색과 배경색 비율이 최소 3:1 이상이 되어야 한다.
전경과 배경간의 충분한 대비를 제공하여, 저시력자, 색각 이상자,
노인 등도 정보를 동등하게 인식할 수 있도록 제공해야 한다.
http://trace.wisc.edu/contrast-ratio-examples/Sample_Text_ColorsOnBlack.htm
27 현 준 호
29. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
(자막 제공) 멀티미디어 콘텐츠에는
7
자막, 원고 또는 수화를 제공해야 한다.
28 현 준 호
30. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
< 권장사항 >
• (Native UI Component) 모바일 운영체제에서 제공하는 기본 사용자
인터페이스 콤포넌트(Native UI Component)를 최대한 이용해야 한다.
• (컨트롤간 충분한 간격) 컨트롤이 충분한 간격을 갖고 배치될 수 있도록
제공해야 한다.
• (알림 기능) 사용자에게 알림을 제공할 때에는 진동, 시각, 소리 등 최대한
다양한 방법으로 제공하여 적절한 방법을 사용자가 선택할 수 있도록
제공해야 한다.
29 현 준 호
31. 4. Mobile Web/Apps – 모바일 애플리케이션 접근성 표준(안)
표준(
• (Global Font 이용) 폰트의 크기 조절, 확대 기능을 제공하거나 운영체제
에서 제공하는 관련 기능을 활용할 수 있도록 제공해야 한다.
• (사용자 인터페이스 일관성) 사용자 인터페이스(UI) 요소들의 배치를
일관성 있게 제공해야 한다.
• (깜빡임과 번쩍임 사용 제한) 광과민성 발작을 일으킬 수 있는 콘텐츠를
제공하지 않아야 한다.
• (배경음 사용 금지) 자동으로 재생되는 배경음을 사용하지 않아야 한다.
• (장애인 사용자 테스트) 애플리케이션 개발 시 다양한 모바일 기기에서의
이용가능 여부를 점검해야 하며, 장애인 사용자 테스트를 수행해야 한다.
30 현 준 호
32. 5. Mobile Assistive Technologies
Mobile Screen Reader: CodeFactory (http://www.codefactory.es/en/)
CODE FACTORY DEVELOPS ACCESSIBLE SOFTWARE APPLICATIONS FOR MOBILE
PHONES RUNNING ON SYMBIAN SERIE 60, WINDOWS MOBILE AND
BLACKBERRY. 31 현 준 호
33. 5. Mobile Assistive Technologies
Earware Cell Phone Amplifier
MOBILE MAGNIFIER (청각장애인용 증폭기)
POCKET
(모바일 확대기)
VOCALIZE! WHEELCHAIR CELL PHONE
VOICE CONTROL SYSTEM
(휠체어 음성 휴대폰 시스템) Bluetooth Keyboard
http://abledata.com/abledata.cfm?pageid=19327&top=170508&deep=2&t
rail=22,10825 < AbleData Cellular Phones 검색 결과 >
32 현 준 호
34. 6. 결 론 – Learn from web accessibility
Best Practices: iPhone Accessibility !!
33 현 준 호
35. 6. 결 론 – Learn from web accessibility
초창기 웹 ≑ 초창기 모바일 웹(앱)
① 처음에는 좋았는데!!
② 별도의 서비스가 접근성!!
③ 과당경쟁, 힘 없는 S/W, 웹 개발자(시간, 납기에 )
④ 고객이 요구하지 않아요!
⑤ 부족해요, 없어요. 일단 만들어야지요!
34 현 준 호
36. 6. 결 론 – Learn from web accessibility
Mainstreaming
Products & Services
35 현 준 호
37. 6. 결 론 - Learn from web accessibility
Buit-in
No extra Cost
36 현 준 호
38. 감사합니다
정보접근지원부 현 준 호 책임
(jhyun22@nia.or.kr, 02-3660-2577)
http://jhyun.wordpress.com/
현 준 호