모바일 애플리케이션 접근성

현 준 호

모바일 애플리케이션 접근성

(Mobile Application Accessibility]

모바일 애플리케이션 접근성

(Mobile Application Accessibility]

한국정보화진흥원 현 준 호 책임

([email protected], Twitter : @jhyun22�

http://jhyun.wordpress.com/)

IT Forum Korea 2011IT Forum Korea 2011 [2011. 5. 3)[2011. 5. 3)IT Forum Korea 2011IT Forum Korea 2011 [2011. 5. 3)[2011. 5. 3)

현 준 호1

1. 1. 들어가기들어가기1. 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

현 준 호2

1. 1. 들어가기들어가기 –– 장애인장애인 소비자로소비자로 산다는산다는 것의것의 의미의미1. 1. 들어가기들어가기 –– 장애인장애인 소비자로소비자로 산다는산다는 것의것의 의미의미

장애인소비자로산다는것의의미(휴대폰)�- http://www.youtube.com/watch?v=nYlbt6SiNm8

현 준 호3

1. 1. 들어가기들어가기 –– 지도지도, , 카메라가카메라가 시각장애인에게시각장애인에게 필요한가필요한가 ??1. 1. 들어가기들어가기 –– 지도지도, , 카메라가카메라가 시각장애인에게시각장애인에게 필요한가필요한가 ??

주변에나에게필요한식당,�관공서 등을 확인할때?�

친구 또는 가족에게현재위치를 알려줄때 ?�

택시를 부를 때,�또 어디로 가는지 ?�

동료들과사진공유할때 ?�SNS�할 때 ?

화상통화로긴급한용무?

(보일러,�정수기,�전자레인지,�인터넷 공유기고장시,�뺑소니 등) ?�

현 준 호4

1. 1. 들어가기들어가기 –– 디지털디지털 개안개안((開眼開眼)) & & 사생활사생활1. 1. 들어가기들어가기 –– 디지털디지털 개안개안((開眼開眼)) & & 사생활사생활

<�엑스비전테크놀러지김정호이사 >

접근성 ≒�디지털 개안(開眼)

<�연세대학교컴퓨터과학과졸업신형진군 >

IT로 나에게도사생활이생겼어요!!

참고자료 : 블로터닷넷, “IT가 삶을 바꿨어요”…두 장애인에게 들어보니, 2011. 3. 10

http://www.bloter.net/archives/53103

현 준 호5

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

21st�Century�Communications�and�Video�

Accessibility�Act�(2010.�10.�8)

- 3년 이내 미국 내 스마트폰의접근성준수의무화

http://www.fcc.gov/cgb/dro/cvaa.html

현 준 호6

2. 2. 모바일모바일 접근성접근성2. 2. 모바일모바일 접근성접근성

Small�

Screen

Low

Bandwidth

Diverse

OS

현 준 호7

2. 2. 모바일모바일 접근성접근성2. 2. 모바일모바일 접근성접근성

Mobile�Accessibility

MobileDevice

MobileWeb/Apps

MobileAssistive�

Technologies

모바일기기

자체의접근성

모바일에서사용하는

소프트웨어접근성

장애인의이용편의를

위한보조기기

현 준 호8

3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone

http://www.apple.com/iphone/features/accessibility.html

현 준 호9

3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone<�VoiceOver�실행 방법 >

[설정]�→�[일반]�항목 →�[손쉬운사용]을

선택,�특정 항목을선택하기위해서는한

번터치하고선택한항목을활성화(실행)�

하려면두번터치함

현 준 호10

3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone3. Mobile Devices 3. Mobile Devices -- iPhoneiPhone

VoiceOver

Entering�Text

VoiceControl� 음악,�전화걸기등

ZoomHigh�Contrast

Braille�displays

현 준 호11

3. Mobile Devices 3. Mobile Devices –– 안드로이드안드로이드 기반기반 폰폰3. Mobile Devices 3. Mobile Devices –– 안드로이드안드로이드 기반기반 폰폰

http://eyes-free.googlecode.com/svn/trunk/documentation/android_access/index.html

현 준 호12

3. Mobile Devices 3. Mobile Devices –– 휴대전화휴대전화 키패드키패드 표준표준3. Mobile Devices 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)와 호환될수 있도

록휴대전화기를설계․제작및제공하도록한다.

현 준 호13

3. Mobile Devices 3. Mobile Devices 휴대전화휴대전화키패드키패드 표준표준3. Mobile Devices 3. Mobile Devices 휴대전화휴대전화키패드키패드 표준표준

• 손또는팔동작의보완 :�휴대전화기의키패드는장애를가진사용자가

사용할수있도록버튼이충분히커야하며,�미세한 조정및동시조작등을

요구하는기능을사용할수있게하는보완적인수단이제공되도록한다.

• 반응시간의보완(Complement�to�the�response�time)�:�일정 시간내

의반응을요구하는입력및제어기능을가진휴대전화기의서비스에는반

응시간을조정할수있는보완적인수단이제공

현 준 호14


• 시력의보완및대체(Complement�to�and�Replacement�of�Eyesight) :�

시각능력을요구하는입출력및제어기능을가진휴대전화기에는청각및

촉각을사용하여시각을대체하거나,�확대 기능 등과같이시각을보조할

수있는보완적인수단이제공되도록한다.�

• 색상식별능력의보완(Complement�to�Color�contrast)�:�색상 식별능

력을요구하는입력및제어기능을가진휴대전화기의키및이동통신서

비스에는색상이외의방법으로도식별또는작동할수있는보완적인수단

이제공되도록한다

현 준 호15


• 청력의보완및대체(Replacement�of�and�Complement�to�Audible�

Message)�:�입력 및 제어의결과와작동상태가청각으로전달되는기능을

가진휴대전화기에는시각이나촉각을사용하여동일한정보를전달할수

있는보완적인수단이제공되도록한다.

• 인지능력의보완(Complement�to�Cognitive�Ability)�:�휴대전화기의키

패드는인지능력에제약이있는사용자가혼란을일으키지않고독립적으

로활용할수있도록설계되어야한다.

현 준 호16

4. Mobile Web/Apps 4. Mobile Web/Apps –– Mobile Web (W3C)Mobile Web (W3C)4. Mobile Web/Apps 4. Mobile Web/Apps –– Mobile Web (W3C)Mobile Web (W3C)

MWBP(Mobile�Web�Best�Practices)�1.0

http://www.w3.org/TR/mobile-bp/

WCAG�(Web�Content�

Accessibility�Guidelines)�2.0

http://www.w3.org/TR/WCAG20/

현 준 호17


MWBP(Mobile�Web�Best�Practices)�1.0

http://www.w3c.or.kr/Translation/mwbp_flip_cards/

현 준 호18


MWABP(Mobile�Web�Application�Best�Practices)�1.0

http://www.w3c.or.kr/Translation/MWABP/

현 준 호19


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)�

현 준 호20

4. Mobile Web/Apps 4. Mobile Web/Apps –– mobile applicationsmobile applications4. Mobile Web/Apps 4. Mobile Web/Apps –– mobile applicationsmobile applications

http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/iPhoneAccessibility/Introduction/Introduction.html

현 준 호21

4. Mobile Web/Apps 4. Mobile Web/Apps –– mobile applicationsmobile applications4. Mobile Web/Apps 4. Mobile Web/Apps –– mobile applicationsmobile applications

http://developer.android.com/reference/android/accessibilityservice/package-summary.html

http://code.google.com/p/eyes-free/

현 준 호22

한국정보화진흥원(NIA)이 주축으로 ’11년 2월부터

모바일 애플리케이션 접근성 표준화 추진

- 작업반 :�성균관대이성일교수(위원장)을비롯하여국내제조사,�통신사,�

애플리케이션개발업체,�장애인보조기기업체및단체등의전문가로

구성하여추진중

- 현재(’11년 4월말) 표준(안)�:�필수사항 7개,�권장사항 8개

- 표준 관련제안및문의처 :�한국정보화진흥원정보접근지원부현준호책임

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

4. Mobile Web/Apps 4. Mobile Web/Apps –– 모바일모바일 애플리케이션애플리케이션 접근성접근성 표준표준((안안))4. Mobile Web/Apps 4. Mobile Web/Apps –– 모바일모바일 애플리케이션애플리케이션 접근성접근성 표준표준((안안))

현 준 호23


(대체 텍스트)�텍스트아닌콘텐츠의대체가능한텍스트를제공해야한다.1

현 준 호24

(초점)�모든 객체에는초점(Focus)이 적용되고,�초점은순차적으로이동되어야한다.

2

비밀번호입력창으로초점이

이동되지않는사례


현 준 호25

(운영체제접근성기능지원)�모바일운영체제가제공하는접근성기능및속성을지원해야한다.�

3

VoiceOver High�Contrast

AndroidTalkback


현 준 호26

(누르기동작지원)�모든 컨트롤을누르기(touch�or�tap)�동작으로제어할수있어야한다.�

4

볼륨조절,�주파수 제어등누르기동작으로

불가능하게제공되는것이없는지!��

à누르기동작으로제어가능하게제공필요

(색에 무관한인식)�색에 관계없이인식할수있어야한다.5


현 준 호27

(명도 대비)�전경색과배경색비율이최소 3:1�이상이되어야한다.6

전경과배경간의충분한대비를제공하여,�저시력자,�색각 이상자,�

노인 등도정보를동등하게인식할수있도록제공해야한다.�

http://trace.wisc.edu/contrast-ratio-examples/Sample_Text_ColorsOnBlack.htm


현 준 호28

(자막 제공)�멀티미디어콘텐츠에는자막,�원고 또는수화를제공해야한다.

7


현 준 호29

<�권장사항 >�

• (Native�UI�Component)�모바일 운영체제에서제공하는기본사용자

인터페이스콤포넌트(Native�UI�Component)를 최대한 이용해야한다.�

• (컨트롤간 충분한간격)�컨트롤이 충분한간격을갖고배치될수있도록

제공해야한다.

• (알림 기능)�사용자에게알림을제공할때에는진동,�시각,�소리 등 최대한

다양한방법으로제공하여적절한방법을사용자가선택할수있도록

제공해야한다.�


현 준 호30

• (Global�Font�이용)�폰트의 크기조절,�확대 기능을제공하거나운영체제

에서제공하는관련기능을활용할수있도록제공해야한다.�

• (사용자 인터페이스일관성)�사용자 인터페이스(UI)�요소들의배치를

일관성있게제공해야한다.

• (깜빡임과 번쩍임사용제한)�광과민성 발작을일으킬수있는콘텐츠를

제공하지않아야한다.

• (배경음 사용금지)�자동으로재생되는배경음을사용하지않아야한다.�

• (장애인 사용자테스트)�애플리케이션개발시다양한모바일기기에서의

이용가능여부를점검해야하며,�장애인 사용자테스트를수행해야한다.�


현 준 호31

5. Mobile Assistive Technologies5. Mobile Assistive Technologies5. Mobile Assistive Technologies5. Mobile Assistive Technologies

CODE�FACTORY�DEVELOPS�ACCESSIBLE�SOFTWARE�APPLICATIONS�FOR�MOBILE�

PHONES�RUNNING�ON�SYMBIAN�SERIE�60,�WINDOWS�MOBILE�AND�

BLACKBERRY.

Mobile�Screen�Reader:�CodeFactory�(http://www.codefactory.es/en/)�

현 준 호32

5. Mobile Assistive Technologies5. Mobile Assistive Technologies5. Mobile Assistive Technologies5. Mobile Assistive Technologies

Earware�Cell�Phone�Amplifier(청각장애인용증폭기)

http://abledata.com/abledata.cfm?pageid=19327&top=170508&deep=2&trail=22,10825 <�AbleData�Cellular�Phones�검색 결과 >

MOBILE�MAGNIFIER�POCKET

(모바일확대기)

VOCALIZE!�WHEELCHAIR�CELL�PHONE�VOICE�CONTROL�SYSTEM(휠체어음성휴대폰시스템) Bluetooth�Keyboard

현 준 호33

6. 6. 결결 론론 –– Learn from web accessibilityLearn from web accessibility6. 6. 결결 론론 –– Learn from web accessibilityLearn from web accessibility

Best�Practices:�iPhone Accessibility�!!

현 준 호34


초창기웹≑�초창기 모바일웹(앱)

①처음에는 좋았는데!!

② 별도의 서비스가 접근성!!

③ 과당경쟁,�힘 없는 S/W,�웹 개발자(시간,�납기에 )

④ 고객이 요구하지 않아요!�

⑤ 부족해요,�없어요.�일단 만들어야지요!

현 준 호35


Mainstreaming

Products�&�Services

현 준 호36

6. 6. 결결 론론 -- Learn from web accessibilityLearn from web accessibility6. 6. 결결 론론 -- Learn from web accessibilityLearn from web accessibility

Buit-in

No�extra�Cost

현 준 호

정보접근지원부현준호책임([email protected], 02-3660-2577)

http://jhyun.wordpress.com/

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