Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

모바일 접근성(Mobile Accessibility)

4,241 views

Published on

모바일 접근성과 관련된 이슈를 정리한 것입니다.

  • Be the first to comment

모바일 접근성(Mobile Accessibility)

  1. 1. 삼*** [2011. 2. 18) 모바일 접근성 (Mobile Accessibility] 한국정보화진흥원 현 준 호 책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/) 현 준 호
  2. 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. 3. 1. 들어가기 – 장애인 소비자로 산다는 것의 의미장애인 소비자로 산다는 것의 의미(휴대폰) - http://www.youtube.com/watch?v=nYlbt6SiNm8 2 현 준 호
  4. 4. 1. 들어가기 – 휴대폰 선택권 ? 3 현 준 호
  5. 5. 1. 들어가기 – 지도, 카메라가 시각장애인에게 필요한가 ? 지도,주변에 나에게 필요한 식당, 관공서 등을 확인할 때? 친구 또는 가족에게 현재 위치를 알려 줄 때 ? 택시를 부를 때, 또 어디로 가는지 ? 동료들과 사진 공유할 때 ? SNS 할 때 ? 화상통화로 긴급한 용무?(보일러, 정수기, 전자레인지, 인터넷 공유기 고장시, 뺑소니 등) ? 4 현 준 호
  6. 6. 1. 들어가기21st Century Communications and Video Accessibility Act (2010. 10. 8)- 3년 이내 미국 내 스마트 폰의 접근성 준수 의무화 5 현 준 호
  7. 7. 2. 모바일 접근성 – 위키피디아 접근성 정의 Accessibility is a general term used to describe the degree to which a product, device, service, orenvironment 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 현 준 호
  8. 8. 2. 모바일 접근성 Accessibility Gap? 7 현 준 호
  9. 9. 2. 모바일 접근성 Small Screen Diverse OS LowBandwidth 8 현 준 호
  10. 10. 2. 모바일 접근성 모바일 전문가 접근성 전문가장애인에 대한 고려 부족 모바일 기기에 대한 이해 부족접근성(Accessibility)에 대한 모바일 웹에 대한 기술력 부족이해 부족 모바일 애플리케이션에 대한초기 단계로 다양한 기기, 서비스 기술력 부족등장 누가, 무엇을 해야 하나? 9 현 준 호
  11. 11. 2. 모바일 접근성 모바일 기기 Mobile 자체의 접근성 Device모바일에서 사용하는소프트웨어 접근성 Mobile Accessibility Mobile Mobile Assistive Web/Apps Technologies 장애인의 이용 편의를 위한 보조기기 10 현 준 호
  12. 12. 3. Mobile Devices - iPhone http://www.apple.com/accessibility/iphone/vision.html 11 현 준 호
  13. 13. 3. Mobile Devices - iPhone VoiceOver VoiceControl ­ 음악, 전화걸기 등 Zoom Entering Text High Contrast 12 현 준 호
  14. 14. 3. Mobile Devices - iPhone접근성 있는 iPhone 사용자 가이드! 사용자 가이드, Help Desk 등에 대한 접근성 고려 필요 http://help.apple.com/iphone/4/voiceover/en/ 13 현 준 호
  15. 15. 3. Mobile Devices – Nexus One Accessibility Settings: Kickback, Talkback, Soundback Voice Input & Outputhttp://www.google.com/support/android/bin/answer.py?hl=en&answer=168585 http://www.google.com/support/android/bin/ answer.py?hl=en&answer=168586#1104525 14 현 준 호
  16. 16. 3. Mobile Devices – Blackberry http://na.blackberry.com/eng/support/devices/blackberry_accessibility/ 15 현 준 호
  17. 17. 3. Mobile Devices – Galaxy A & S 구글 안드로이드 OS 기능을 제외하고는 어떠한 접근성 기능도 없음 - 한국어 TTS는 지원 안됨 16 현 준 호
  18. 18. 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 현 준 호
  19. 19. 3. Mobile Devices ­ 휴대전화 키패드 표준• 손 또는 팔 동작의 보완 : 휴대전화기의 키패드는 장애를 가진 사용자가사용할 수 있도록 버튼이 충분히 커야 하며, 미세한 조정 및 동시 조작 등을요구하는 기능을 사용할 수 있게 하는 보완적인 수단이 제공되도록 한다.• 반응시간의 보완(Complement to the response time) : 일정 시간 내의 반응을 요구하는 입력 및 제어 기능을 가진 휴대전화기의 서비스에는 반응 시간을 조정할 수 있는 보완적인 수단이 제공 18 현 준 호
  20. 20. 3. Mobile Devices ­ 휴대전화 키패드 표준• 시력의 보완 및 대체(Complement to and Replacement of Eyesight) :시각능력을 요구하는 입출력 및 제어 기능을 가진 휴대전화기에는 청각 및촉각을 사용하여 시각을 대체하거나, 확대 기능 등과 같이 시각을 보조할수 있는 보완적인 수단이 제공되도록 한다.• 색상 식별능력의 보완(Complement to Color contrast) : 색상 식별능력을 요구하는 입력 및 제어 기능을 가진 휴대전화기의 키 및 이동통신 서비스에는 색상 이외의 방법으로도 식별 또는 작동할 수 있는 보완적인 수단이 제공되도록 한다 19 현 준 호
  21. 21. 3. Mobile Devices ­ 휴대전화 키패드 표준• 청력의 보완 및 대체(Replacement of and Complement to AudibleMessage) : 입력 및 제어의 결과와 작동상태가 청각으로 전달되는 기능을가진 휴대전화기에는 시각이나 촉각을 사용하여 동일한 정보를 전달할 수있는 보완적인 수단이 제공되도록 한다.• 인지능력의 보완(Complement to Cognitive Ability) : 휴대전화기의 키패드는 인지능력에 제약이 있는 사용자가 혼란을 일으키지 않고 독립적으로 활용할 수 있도록 설계되어야 한다. 20 현 준 호
  22. 22. 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 현 준 호
  23. 23. 4. Mobile Web/Apps – Mobile Web (W3C)MWBP(Mobile Web Best Practices) 1.0 http://www.w3c.or.kr/Translation/mwbp_flip_cards/ 22 현 준 호
  24. 24. 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 andPeople with Disabilities (http://www.w3.org/WAI/mobile/experiences-table.html#non-text) 23 현 준 호
  25. 25. 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 현 준 호
  26. 26. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.2 큰 페이지나 큰 이미지(Large Pages or Large Image) 확대시 적은 화면 좌, 우 스크롤 생성 등 25 현 준 호
  27. 27. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.3 캡션이 제공되지 않는 멀티미디어 (Captions) 26 현 준 호
  28. 28. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.4 경고, 에러 등의 확인을 위해 사용하는 음성 전용(Audio-only) 콘텐츠* 장애인 사용자: 청각장애인• 모바일 환경: 공공의 장소(기차, 호텔 로비 등)에서 모바일 기기에서의 음성을사용하지 않거나(진동 모드로 사용하는 경우)청각장애인이 아니더라도 지하철, 버스안, 철도역, 공항, 백화점 등 시끄러운 환경에서 사용하는 사용자들에게 문제가 발생• 사용자 경험: 사용자가 음성으로만 의존하여 제공된 콘텐츠로 인해 실수를 유발할 수 있음 27 현 준 호
  29. 29. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.5 텍스트 대체 수단이 없는 텍스트 아닌 콘텐츠 - 시각장애인(전맹 등) - 다운로드 용량에 따라 돈을 지불해야 하는 경 우 이미지를 끄고 사용하는 모바일 사용자 - 모바일 기기에서 지원하지 않는 텍스트 아닌 콘텐츠와 이미지의 크기를 모바일 기기 화면 크기에 따라 변화시킬 경우 28 현 준 호
  30. 30. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.6 텍스트 입력(Text-Entry) - 장애인 사용자: 지체장애인(주로 상지장애인), 뇌병변 장애인 등 텍스트 입력이 어려운 사용자 - 모바일 환경: PC 환경의 키보드와 달리 모바일 환경 에서 제공되는 적은 크기의 키패드로 입력의 어려움이 발생 - 사용자 경험: 텍스트 입력의 어려움이 발생하여 텍스트 입력이 부정확해지거나 실수가 발생함 29 현 준 호
  31. 31. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.7 선형화(Linearized) 시켰을 때 문서 순서(Reading order) - 장애인 사용자: 시각장애인 - 모바일 환경: 모바일 기기에 적합하게 문서 표현을 재포맷하거나 재구축하는 경우,1 2 콘텐츠의 의미가 변화할 수 있음3 - 사용자 경험: 선형화하여 볼 경우 사용자가 정확하게 해당 콘텐츠를 이해할 수 없는 경우가 발생함 30 현 준 호
  32. 32. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 P.8 CSS만으로 정보를 제공 (표현과 구조 분리 필요)- 장애인 사용자: 시각장애인이 CSS만으로 제공되는 정보를 인식하지 못하는문제 발생- 모바일 환경: 모바일 브라우저에서 CSS를 지원하지 않거나 다르게 해석할경우 정보를 인식하지 못하는 문제 발생- 사용자 경험: CSS는 표현의 요소로 화면낭독 프로그램 등 보조기기에서 구조적인 문서로 인식하지 않기 때문에 정보를 인식하지 못하는 문제가 발생함.표현(Structure)와 표현(Presentation)을 분리해서 작업하는 것이 바람직 31 현 준 호
  33. 33. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점운용의 용이성(Operable): 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다O.1 키보드만으로도 운용 (마우스 의존적 설계 지양) 32 현 준 호
  34. 34. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점O.2 스크립트 의존적인 구현 O.3 플러그인 의존적인 구현 스크립트, 플러그인이 지원되지 않는 브라우저, 보조기기 등 33 현 준 호
  35. 35. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 O.4 페이지 타이틀을 제공하지 않거나 부적절하게 제공 메인 페이지 Movie 페이지 검색(Internet) 페이지 http://www.fujitsu.com/downloads/US/GND /web-accessibility-guide.pdf 34 현 준 호
  36. 36. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 O.5 포커스 (Tab) 순서와 논리적 순서의 불일치 선형화(Linearized) 시켰을 때 P.7 문서 순서(Reading order)1 23 35 현 준 호
  37. 37. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 O.6 설명이 부족한 링크 레이블 제공 http://www.fujitsu.com/downloads/US/GND/w eb-accessibility-guide.pdf 여기(here, click here 등) 모호한 링크 설명을 사용하지 말고, 링크의 목적을동등하게 인식할 수 있도록 제공, 링크간 구분할 수 있도록 적절한 공간을 제공해야 함 36 현 준 호
  38. 38. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점이해의 용이성(Understandable): 콘텐츠는 이해할 수 있어야 한다. U.1 긴 단어, 길거나 복잡한 문장 (Long words, long complex sentences)지적 장애 : 정신발육이 항구적으로 지체되어 지적 능력의 발달이 불충분하거나불완전하고 자신의 일을 처리하는 것과 사회생활에 적응하는 것이 상당히 곤란한사람 (복잡한 구조, 어려운 단어의 이해가 어려움)해결방안)콘텐츠는 간결하여 명확히 전달할 수 있도록 제공용도를 고려하여 특수기호(구두점, 방점 등)를 사용평이하고 보편적인 용어를 사용하는 것이 바람직, 용어 도움말 제공 등 37 현 준 호
  39. 39. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 U.2 사전 경고 없이 새 창으로 열리는 문서나 콘텐츠새 창으로 콘텐츠를 제공할 경우, 저시력자, 확대기능을 사용하는 사용자, 지적장애 등에게 불편함을 주며 콘텐츠 이해를 저해할 수 있음 38 현 준 호
  40. 40. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점U.3 깜박이거나 자동 업데이트되는 콘텐츠 39 현 준 호
  41. 41. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 견고성(Robust): 콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다 R.1 유효하지 않거나 지원되지 않는 마크업 이용 http://www.wah.or.kr/Achive/Kadowah.asphttp://validator.w3.org/ http://validator.w3.org/mobile/ 40 현 준 호
  42. 42. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점 http://www.w3.org/WAI/ER/tools/complete 41 현 준 호
  43. 43. 4. Mobile Web/Apps – 장애인과 모바일 사용자 애로점R.2 스크립트 의존적인 콘텐츠 생성 스크립트, 플러그인이 지원되지 않는 브라우저, 보조기기(Assistive Technologies) 등O.2 스크립트 의존적인 구현 O.3 플러그인 의존적인 구현 42 현 준 호
  44. 44. 4. Mobile Web/Apps – mobile applicationshttp://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/iPhoneAccessibility/Introduction/Introduction.html 43 현 준 호
  45. 45. 4. Mobile Web/Apps – mobile applications http://code.google.com/p/e yes-free/http://developer.android.com/reference/android/accessibilityservice/package-summary.html 44 현 준 호
  46. 46. 4. Mobile Web/Apps – mobile applicationshttp://eyes-free.googlecode.com/svn/trunk/documentation/android_access/index.html 45 현 준 호
  47. 47. 4. Mobile Web/Apps – mobile applicationshttp://developer.bada.com/search/searchIndexList.do?menu=MC01120100&searchValue=accessibility 46 현 준 호
  48. 48. 4. Mobile Web/Apps – mobile applications Blackberry & RIM(Research In Motion) - 10 Best Practices for accessible and usable User Interface1) 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 현 준 호
  49. 49. 4. Mobile Web/Apps – mobile applications4) Manage Touch Target Sizes - 터치할 수 있는 충분한 크기 및 공간 제공 필요5) Align Interaction Methods - 모바일 OS에서 제공하는 것과 동일하거나 유사한 상호작용6) Use Effective Error Message - 경고나 오류를 사용자가 명확히 인식하여 이를 손쉽게 수정할 수 있도록 도와주어라 48 현 준 호
  50. 50. 4. Mobile Web/Apps – mobile applications7) Leverage Multiple Modalities - 다양한 표현 방법으로 의사소통할 수 있도록 제공(시각, 청각, 촉각 등) - 이미지에 대한 대체 텍스트, 동영상에 대한 자막 제공 등8) Maintain Consistency - 사용자 경험에 비추어 일관성 있는 UI를 제공하라9) Provide Multiple Ways - 사용자가 원하는 업무(Task)를 해결할 수 있는 다양한 방법 제공10) Get in the Wild - 다양한 환경을 직접 테스트하고 지속적으로 개선하라!! 49 현 준 호
  51. 51. 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 현 준 호
  52. 52. 5. Mobile Assistive Technologies Mobile Screen Reader: CodeFactory (http://www.codefactory.es/en/)CODE FACTORY DEVELOPS ACCESSIBLE SOFTWARE APPLICATIONS FOR MOBILEPHONES RUNNING ON SYMBIAN SERIE 60, WINDOWS MOBILE ANDBLACKBERRY. 51 현 준 호
  53. 53. 5. Mobile Assistive Technologies Earware Cell Phone Amplifier MOBILE MAGNIFIER (청각장애인용 증폭기) POCKET (모바일 확대기) VOCALIZE! WHEELCHAIR CELL PHONE VOICE CONTROL SYSTEM (휠체어 음성 휴대폰 시스템) Bluetooth Keyboardhttp://abledata.com/abledata.cfm?pageid=19327&top=170508&deep=2&trail=22,10825 < AbleData Cellular Phones 검색 결과 > 52 현 준 호
  54. 54. 6. 결 론 – Learn from web accessibility Best Practices: iPhone Accessibility !! 53 현 준 호
  55. 55. 6. 결 론 – Learn from web accessibility 초창기 웹 ≑ 초창기 모바일 웹(앱)① 처음에는 좋았는데!!② 별도의 서비스가 접근성!!③ 과당경쟁, 힘 없는 S/W, 웹 개발자(시간, 납기에 )④ 고객이 요구하지 않아요!⑤ 부족해요, 없어요. 일단 만들어야지요! 54 현 준 호
  56. 56. 6. 결 론 – Learn from web accessibility Mainstreaming Products & Services 55 현 준 호
  57. 57. 6. 결 론 - Learn from web accessibility Buit-in No extra Cost 56 현 준 호
  58. 58. 감사합니다 정보접근지원부 현 준 호 책임(jhyun22@nia.or.kr, 02-3660-2577) http://jhyun.wordpress.com/ 현 준 호

×