모바일 접근성(Mobile Accessibility)

삼*** [2011. 2. 18)

모바일 접근성
(Mobile Accessibility]
한국정보화진흥원 현 준 호 책임

(jhyun22@nia.or.kr, Twitter : @jhyun22
http://jhyun.wordpress.com/)

현 준 호

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 현 준 호

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

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

2 현 준 호

1. 들어가기 – 휴대폰 선택권 ?

3 현 준 호

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

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

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

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

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

화상통화로 긴급한 용무?
(보일러, 정수기, 전자레인지, 인터넷 공유기 고장시, 뺑소니 등) ?
4 현 준 호

1. 들어가기

21st Century Communications and Video

Accessibility Act (2010. 10. 8)

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

5 현 준 호

2. 모바일 접근성 – 위키피디아 접근성 정의

Accessibility is a general term used to describe

the degree to which a product, device, service, or

environment is accessible by as many people as possible.

Accessibility is often used to focus on people with

disabilities and their right of access to entities, often

through use of assistive technology.

6 현 준 호

2. 모바일 접근성

Accessibility Gap?
7 현 준 호


Small
Screen
Diverse
OS
Low
Bandwidth

8 현 준 호


모바일 전문가 접근성 전문가

장애인에 대한 고려 부족 모바일 기기에 대한 이해 부족

접근성(Accessibility)에 대한 모바일 웹에 대한 기술력 부족

이해 부족 모바일 애플리케이션에 대한

초기 단계로 다양한 기기, 서비스 기술력 부족

등장

누가, 무엇을 해야 하나?
9 현 준 호


모바일 기기
Mobile 자체의 접근성
Device
모바일에서 사용하는
소프트웨어 접근성
Mobile
Accessibility
Mobile
Mobile Assistive
Web/Apps Technologies
장애인의 이용 편의를
위한 보조기기
10 현 준 호

3. Mobile Devices - iPhone

http://www.apple.com/accessibility/iphone/vision.html
11 현 준 호

VoiceOver
VoiceControl
음악, 전화걸기 등

Zoom
Entering Text High Contrast

12 현 준 호

접근성 있는 iPhone 사용자 가이드!

사용자 가이드,
Help Desk 등에
대한 접근성
고려 필요

http://help.apple.com/iphone/4/voiceover/en/
13 현 준 호

3. Mobile Devices – Nexus One
Accessibility Settings:
Kickback, Talkback, Soundback

Voice Input &
Output

http://www.google.com/support/
android/bin/answer.py?hl=en&an
swer=168585

http://www.google.com/support/android/bin/
answer.py?hl=en&answer=168586#1104525
14 현 준 호

3. Mobile Devices – Blackberry

http://na.blackberry.com/eng/support/devices/blackberry_accessibility/

15 현 준 호

3. Mobile Devices – Galaxy A & S

구글 안드로이드
OS 기능을 제외하고는
어떠한 접근성 기능도 없음
- 한국어 TTS는 지원 안됨

16 현 준 호

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)와 호환될 수 있도
록 휴대전화기를 설계․제작 및 제공하도록 한다.

17 현 준 호

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

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

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

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

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

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

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

18 현 준 호

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

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

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

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

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

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

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

이 제공되도록 한다

19 현 준 호

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

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

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

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

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

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

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

20 현 준 호

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/

21 현 준 호

MWBP(Mobile Web Best Practices) 1.0

http://www.w3c.or.kr/Translation/mwbp_flip_cards/
22 현 준 호


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)
23 현 준 호

4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점

인식의 용이성(Perceivable): 모든 콘텐츠는 사용자가 인식할 수 있어야 한다.

P.1 색상에 무관한 인식(색상에만 의존하여 정보를 제공하지 말라)

색각 이상은 대단히 흔한 이상으로 전체 남자인구의 약

5~8%, 서양에서는 전체 남자인구 중 8%, 전체 여자인구

중 0.5%가 색각이상, 국내의 통계에서는 전체 남자의

5.9%, 전체 여자의 0.4%가 색각이상 (국가건강정보포털,
http://health.mw.go.kr/HealthInfoArea/HealthInfo01.aspx?CategoryName=%uac74

%uac15%uc815%ubcf4%28%uc131%uc778%29&Mode=View&CurrentPage=6&I

DX=4550&CID=9843C33187#ContentArea )

24 현 준 호


P.2 큰 페이지나 큰 이미지(Large Pages or Large Image)

확대시 적은 화면

좌, 우 스크롤 생성 등

25 현 준 호


P.3 캡션이 제공되지 않는 멀티미디어 (Captions)

26 현 준 호


P.4 경고, 에러 등의 확인을 위해 사용하는 음성 전용(Audio-only) 콘텐츠

* 장애인 사용자: 청각장애인

• 모바일 환경: 공공의 장소(기차, 호텔 로비 등)에서 모바일 기기에서의 음성을
사용하지 않거나(진동 모드로 사용하는 경우)
청각장애인이 아니더라도 지하철, 버스안, 철도역, 공항, 백화점 등 시끄러운 환경
에서 사용하는 사용자들에게 문제가 발생

• 사용자 경험: 사용자가 음성으로만 의존하여 제공된 콘텐츠로 인해 실수를
유발할 수 있음

27 현 준 호


P.5 텍스트 대체 수단이 없는 텍스트 아닌 콘텐츠

- 시각장애인(전맹 등)
- 다운로드 용량에 따라 돈을 지불해야 하는 경
우 이미지를 끄고 사용하는 모바일 사용자
- 모바일 기기에서 지원하지 않는 텍스트 아닌
콘텐츠와 이미지의 크기를 모바일 기기 화면
크기에 따라 변화시킬 경우
28 현 준 호


P.6 텍스트 입력(Text-Entry)

- 장애인 사용자: 지체장애인(주로 상지장애인),

뇌병변 장애인 등 텍스트 입력이 어려운 사용자

- 모바일 환경: PC 환경의 키보드와 달리 모바일 환경

에서 제공되는 적은 크기의 키패드로 입력의 어려움이 발생

- 사용자 경험: 텍스트 입력의 어려움이 발생하여 텍스트

입력이 부정확해지거나 실수가 발생함

29 현 준 호


P.7 선형화(Linearized) 시켰을 때 문서 순서(Reading order)

- 장애인 사용자: 시각장애인

- 모바일 환경: 모바일 기기에 적합하게 문서

표현을 재포맷하거나 재구축하는 경우,

1
2 콘텐츠의 의미가 변화할 수 있음

3 - 사용자 경험: 선형화하여 볼 경우 사용자가

정확하게 해당 콘텐츠를 이해할 수 없는

경우가 발생함

30 현 준 호


P.8 CSS만으로 정보를 제공 (표현과 구조 분리 필요)

- 장애인 사용자: 시각장애인이 CSS만으로 제공되는 정보를 인식하지 못하는

문제 발생

- 모바일 환경: 모바일 브라우저에서 CSS를 지원하지 않거나 다르게 해석할

경우 정보를 인식하지 못하는 문제 발생

- 사용자 경험: CSS는 표현의 요소로 화면낭독 프로그램 등 보조기기에서 구조

적인 문서로 인식하지 않기 때문에 정보를 인식하지 못하는 문제가 발생함.

표현(Structure)와 표현(Presentation)을 분리해서 작업하는 것이 바람직

31 현 준 호


운용의 용이성(Operable): 사용자 인터페이스 구성요소는 조작 가능하고
내비게이션할 수 있어야 한다

O.1 키보드만으로도 운용 (마우스 의존적 설계 지양)

32 현 준 호


O.2 스크립트 의존적인 구현 O.3 플러그인 의존적인 구현

스크립트,

플러그인이

지원되지 않는

브라우저,

보조기기 등

33 현 준 호


O.4 페이지 타이틀을 제공하지 않거나 부적절하게 제공

메인 페이지

Movie 페이지

검색(Internet) 페이지

http://www.fujitsu.com/downloads/US/GND
/web-accessibility-guide.pdf

34 현 준 호


O.5 포커스 (Tab) 순서와 논리적 순서의 불일치

선형화(Linearized) 시켰을 때
P.7
문서 순서(Reading order)

1
2

3

35 현 준 호


O.6 설명이 부족한 링크 레이블 제공

http://www.fujitsu.com/downloads/US/GND/w
eb-accessibility-guide.pdf

여기(here, click here 등) 모호한 링크 설명을 사용하지 말고, 링크의 목적을
동등하게 인식할 수 있도록 제공, 링크간 구분할 수 있도록 적절한 공간을 제공해야 함

36 현 준 호


이해의 용이성(Understandable): 콘텐츠는 이해할 수 있어야 한다.

U.1 긴 단어, 길거나 복잡한 문장 (Long words, long complex sentences)

지적 장애 : 정신발육이 항구적으로 지체되어 지적 능력의 발달이 불충분하거나
불완전하고 자신의 일을 처리하는 것과 사회생활에 적응하는 것이 상당히 곤란한
사람 (복잡한 구조, 어려운 단어의 이해가 어려움)

해결방안)
콘텐츠는 간결하여 명확히 전달할 수 있도록 제공
용도를 고려하여 특수기호(구두점, 방점 등)를 사용
평이하고 보편적인 용어를 사용하는 것이 바람직, 용어 도움말 제공 등

37 현 준 호


U.2 사전 경고 없이 새 창으로 열리는 문서나 콘텐츠

새 창으로 콘텐츠를 제공할 경우, 저시력자, 확대기능을 사용하는 사용자, 지적
장애 등에게 불편함을 주며 콘텐츠 이해를 저해할 수 있음

38 현 준 호


U.3 깜박이거나 자동 업데이트되는 콘텐츠

39 현 준 호


견고성(Robust): 콘텐츠는 미래의 기술로도 접근할 수 있도록
견고하게 만들어야 한다

R.1 유효하지 않거나 지원되지 않는 마크업 이용

http://www.wah.or.kr/Achive/Kadowah.asp

http://validator.w3.org/

http://validator.w3.org/mobile/

40 현 준 호


http://www.w3.org/WAI/ER/tools/complete

41 현 준 호


R.2 스크립트 의존적인 콘텐츠 생성

스크립트, 플러그인이

지원되지 않는 브라우저,

보조기기(Assistive Technologies) 등

O.2 스크립트 의존적인 구현 O.3 플러그인 의존적인 구현

42 현 준 호

4. Mobile Web/Apps – mobile applications

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

43 현 준 호


http://code.google.com/p/e
yes-free/
http://developer.android.com/reference/android/accessibilityservice/pac
kage-summary.html

44 현 준 호


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

45 현 준 호


http://developer.bada.com/search/searchIndexList.do?menu=MC011201
00&searchValue=accessibility

46 현 준 호


Blackberry & RIM(Research In Motion)

- 10 Best Practices for accessible and usable User Interface

1) Use Native UI Components

- (모르면) 제공하는 기본적인 UI 콤포넌트를 최대한 활용하라

2) Inherit Global Font Settings

- 절대 폰트를 사용하지 말라, 사용자 선택에 따라 변화 가능

3) Manage Color & Contrast Usage

- 고대비를 생각하라, 고대비로 변환할 수 있는 기능 제공
http://www.slideshare.net/berryaccess/designing-accessible-usable-
application-user-interfaces-for-mobile-phones

47 현 준 호


4) Manage Touch Target Sizes

- 터치할 수 있는 충분한 크기 및 공간 제공 필요

5) Align Interaction Methods

- 모바일 OS에서 제공하는 것과 동일하거나 유사한 상호작용

6) Use Effective Error Message

- 경고나 오류를 사용자가 명확히 인식하여 이를 손쉽게 수정할

수 있도록 도와주어라

48 현 준 호


7) Leverage Multiple Modalities

- 다양한 표현 방법으로 의사소통할 수 있도록 제공(시각, 청각, 촉각 등)

- 이미지에 대한 대체 텍스트, 동영상에 대한 자막 제공 등

8) Maintain Consistency

- 사용자 경험에 비추어 일관성 있는 UI를 제공하라

9) Provide Multiple Ways

- 사용자가 원하는 업무(Task)를 해결할 수 있는 다양한 방법 제공

10) Get in the Wild

- 다양한 환경을 직접 테스트하고 지속적으로 개선하라!!
49 현 준 호

5. Mobile Assistive Technologies
TTS(Text-to-Speech) 지원 현황

1) 스마트 폰

- iPhone (내장, 한국어도 지원)

- Nexus One (기본 TTS 내장, 한국어 미지원)

- 갤럭시 A&S (안드로이드 앱에서 내장 가능, 한국어 미지원)

2) Feature phone

- LG 전자: LG-SH860S 시각장애인 휴대폰 등

- 삼성전자: SCH-W910 VVIP 등
http://jhyun.wordpress.com/2010/07/12/%ED%9C%B4%EB%8C%80%EC%A0%84%ED%99%94%EA%B8%B0%EC%9D%98-
%EC%8B%9C%EA%B0%81%EC%9E%A5%EC%95%A0%EC%9D%B8-%ED%8E%B8%EC%9D%98-%EA%B8%B0%EB%8A%A5-
%ED%85%8D%EC%8A%A4%ED%8A%B8-%EC%9D%8C%EC%84%B1-%EB%B3%80/

50 현 준 호

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. 51 현 준 호


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 검색 결과 >

52 현 준 호

6. 결 론 – Learn from web accessibility
Best Practices: iPhone Accessibility !!

53 현 준 호


초창기 웹 ≑ 초창기 모바일 웹(앱)
① 처음에는 좋았는데!!

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

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

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

⑤ 부족해요, 없어요. 일단 만들어야지요!
54 현 준 호


Mainstreaming

Products & Services

55 현 준 호

6. 결 론 - Learn from web accessibility

Buit-in

No extra Cost
56 현 준 호

감사합니다

정보접근지원부 현 준 호 책임
(jhyun22@nia.or.kr, 02-3660-2577)
http://jhyun.wordpress.com/
현 준 호

모바일 접근성(Mobile Accessibility)

Recommandé

Recommandé

Contenu connexe

Similaire à 모바일 접근성(Mobile Accessibility)

Similaire à 모바일 접근성(Mobile Accessibility) (20)

모바일 접근성(Mobile Accessibility)