슬라이드 1

Similar documents
모바일애플리케이션접근성지침

CSS Design Korea( ) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부현준호책임 현준호

Microsoft PowerPoint - mobileAppAccessibilityGuidelines_Korea.pptx

src.hwp

1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1

슬라이드 1

목 차 Ⅰ. 애플리케이션접근성준수사항 Ⅱ. 애플리케이션접근성권고사항 Ⅲ. 애플리케이션접근성권장사항 ( 평가제외항목 ) ( 부록 )

목차 1. 접근성소개 ios 의접근성 (Accessibility) 의이해... 4 Ⅱ. 모바일애플리케이션접근성을고려한 ios 제작기법 인식의용이성 대체텍스트 자막, 수화등의제공 색에무관한인식

<4D F736F F D20284B B8F0B9D9C0CF20BED6C7C3B8AEC4C9C0CCBCC720C4DCC5D9C3F720C1A2B1D9BCBA2020C1F6C4A720322E302E646F6378>

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

PG 605 워크숍 [ ) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원현준호책임 Twitter 현준호

SBR-100S User Manual

제 31회 전국 고교생 문예백일장 산문 부문 심사평.hwp

화해와나눔-여름호(본문)수정

화해와나눔-가을호(본문)

PowerPoint Template

SIGIL 완벽입문

PowerPoint 프레젠테이션

슬라이드 1

: AA ( ) TV : ios ( ).. 2

슬라이드 1

View Licenses and Services (customer)

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]

GBF-1257B 카스블루투스체지방계앱사용매뉴얼

B2B 매뉴얼

Microsoft PowerPoint _사용자매뉴얼.ppt

iOS5_1±³

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

고객 카드


H3250_Wi-Fi_E.book

mobile_guide_SA

개인정보보호의 이해 및 안전한 관리 - 개인PC 및 스마트폰 개인정보보호-

PowerPoint 프레젠테이션

한국정보통신표준 KICS.OT /R1 제정일 : 2010 년 12 월 31 일 한국형웹콘텐츠접근성지침 2.0 Korean Web Content Accessibility Guidelines 2.0 방송통신위원회

디지털 공학

2

한국에너지기술연구원 통합정보시스템설치방법설명서 한국에너지기술연구원 지식정보실 - 1 -

1

(Microsoft PowerPoint - \276\306\300\314\306\371_B2B_\270\305\264\272\276\363_v3.pptx)

정보

810 & 는 소기업 및 지사 애 플리케이션용으로 설계되었으며, 독립 실행형 장치로 구성하거 나 HA(고가용성)로 구성할 수 있습니다. 810은 표준 운영 체제를 실행하는 범용 서버에 비해 가격 프리미엄이 거의 또는 전혀 없기 때문에 화이트박스 장벽 을

Windows 8에서 BioStar 1 설치하기

v1.32

. 스레드 (Thread) 란? 스레드를설명하기전에이글에서언급되는용어들에대하여알아보도록하겠습니다. - 응용프로그램 ( Application ) 사용자에게특정서비스를제공할목적으로구현된응용프로그램을말합니다. - 컴포넌트 ( component ) 어플리케이션을구성하는기능별요


PowerPoint 프레젠테이션

[Blank Page] i

게임 기획서 표준양식 연구보고서

MF3010 MF Driver Installation Guide


tiawPlot ac 사용방법


SBR-100S User Manual

wtu05_ÃÖÁ¾

src.hwp

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

서현수

Office 365 사용자 가이드

목 차

사용하기 전에 2

2. 로그인 1 1 메인화면에서왼쪽상단에있는그림을 터치하면 ( 그림 1) 과같은화면이나옵니다. 1. 메인화면에서오른쪽상단에있는그림을터치하거나그림을터치하고 ( 그림1) 과같이그림을터치하면로그인화면으로이동할수있습니다 아이디를잊어버린경우그림을터치 해서아이디

RemoteAR 정보 사용설명서 소프트웨어정보 매뉴얼정보 기본정보

?.? -? - * : (),, ( 15 ) ( 25 ) : - : ( ) ( ) kW. 2,000kW. 2,000kW 84, , , , : 1,

장거리 PoE 중계기 사용설명서 DA-LP1101R DA-LP1101T Powered by

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

슬라이드 1

메뉴얼41페이지-2

슬라이드 1

SMT Kor.indd

NX1000_Ver1.1

F120L(JB)_UG_V1.0_ indd

..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A


Ver 1.0 마감하루전 Category Partitioning Testing Tool Project Team T1 Date Team Information 김강욱 김진욱 김동권

Galaxy S 사용의 필수 지침서 SMART Basic 10 Contents Basic 1. 처음 사용하기 006 단말기 기본 사용하기 1 내부 구성품 살펴보기 2 배터리 교체하기 3 버튼별 기능 살펴보기 4 터치/드래그 사용하기 5 보안 설정/해제하기 025 전화

<4D F736F F D D31312D30312D53572D30312DBBE7BFEBC0DABCB3B8EDBCAD5FBFDCBACEB9E8C6F7BFEB2E646F63>

161117_EX Phone stick_manual

멀티미디어 콘텐츠 접속을 위한 사용자인증 시스템_교열(박세환, ).hwp

PowerPoint Presentation

Microsoft PowerPoint UI-Event.Notification(1.5h).pptx

BN H-00Kor_001,160

Microsoft PowerPoint - AD-USBISP_V03_사용법.pptx


Title Here

슬라이드 1

(Microsoft PowerPoint - \270\266\300\314\305\251\267\316\304\250USB_Host_Device_\272\316\306\256\267\316\264\365\275\307\275\300_Philip.ppt)

장애학생을 위한 스마크기기 앱의 활용 및 현황 조사 연구(인쇄본).hwp

N TIME KEEPER

장애인건강관리사업

MaxstAR SDK 2.0 for Unity3D Manual Ver

지도상 유의점 m 학생들이 어려워하는 낱말이 있으므로 자세히 설명해주도록 한다. m 버튼을 무리하게 조작하면 고장이 날 위험이 있으므로 수업 시작 부분에서 주의를 준다. m 활동지를 보고 어려워하는 학생에게는 영상자료를 접속하도록 안내한다. 평가 평가 유형 자기 평가

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

고도몰5 manual

SIF-14IOT app guide

SBR-100S User Manual

* pb61۲õðÀÚÀ̳ʸ

사용하기 전에 2

Transcription:

모바일애플리케이션 접근성지침소개 2013

1. 들어가기 모바일접근성에대한관심을갖게된계기 시각장애인들도터치방식의스마트폰을이용할수있는가??? 2

1. 들어가기 모바일접근성에혜택 3

1. 들어가기 TTS(Text To Speech) 시각장애인들을위한음성합성기술 < VoiceOver > < Talkback > 4

1. 들어가기 영상통화 청각장애인들에게소통의폭을넓히다 5

2. 스마트폰접근성기능 음성읽기기능 화면내용을음성으로안내 < 아이폰 > < 안드로이드폰 > 6

2. 스마트폰접근성기능 < VoiceOver 실행방법 > [ 설정 ] [ 일반 ] 항목 [ 손쉬운사용 ] 을선택, 특정항목을선택하기위해서는한번터치하고선택한항목을활성화 ( 실행 ) 하려면두번터치함 http://www.apple.com/iphone/features/accessibility.html 7

2. 스마트폰접근성기능 < 안드로이드 Talkback 실행방법 > 1. 메뉴 설정 음성입력 & 출력 "TTS(text-to-sprrch) 설정 " 에서음성데이터설치 2. 메뉴 설정 " 접근성 " 선택후 [ 스크린리더 ] 설치안내문구가나오면확인 자동으로마켓접속후 Talkback 응용프로그램이검색됨 선택하여설치 3. 메뉴 설정 접근성 접근성및 TalkBack 체크 안드로이드 TTS 관련설치파일 (apk) 다운로드 http://code.google.com/p/eyes-free/downloads/list 8

2. 스마트폰접근성기능 선택항목말하기 선택한텍스트를읽어주는 TTS 9

2. 스마트폰접근성기능 큰텍스트 글자크기를크게하여가독성증가 10

2. 스마트폰접근성기능 확대 / 축소 모든화면을쉽게확대및축소 11

2. 스마트폰접근성기능 검정색바탕에흰색 색상반전을통해편하게볼수있는환경 12

2. 스마트폰접근성기능 보조터치기능 개인제스처로편리하게사용 http://www.youtube.com/watch?v=dqx7xxay9uk 13

2. 스마트폰접근성기능 손위운사용 1 보청기모드 & 진동사용자화 ( 연락처별패턴지정 ) 14

2. 스마트폰접근성기능 손위운사용 2 알림시 LED 깜빡임 & 모노오디오 15

3. 모바일애플리케이션접근성지침 - 소개 행안부, 공공부문세계최초로모바일앱접근성지침마련 모바일앱, 장애인고령자도쉽게이용할수있어 모바일접근성중요도 UP! 접근성향상에대한국가적인관심및지원 16

3. 모바일애플리케이션접근성지침 - 개요 한국정보화진흥원 (NIA) 이주축으로 11 년 2 월부터모바일애플리 케이션접근성표준화추진 ( 행정안전부고시, 2011 년 9 월 22 일 제정 ) - 작업반 : 성균관대이성일교수 ( 위원장 ) 을비롯하여국내제조사, 통신사, 애플리케이션개발업체, 장애인보조기기업체및단체등의전문가로구성하여추진중 - 구성 : 준수사항 7개, 권장사항 8개 - 표준관련제안및문의처 : 한국정보화진흥원정보접근지원부현준호책임 (jhyun22@nia.or.kr, 02-3660-2577) 17

3. 모바일애플리케이션접근성지침 - 구성 모바일애플리케이션접근성지침 모바일애플리케이션접근성지침 ( 행안부고시제 2011-38 호 ) 준수사항 (7개) 권고사항 (8개) 1. 대체텍스트 1. Native UI Component 2. 초점 2. 컨트롤간충분한간격 3. 운영체제접근성기능지원 3. 알림기능 4. 누르기동작지원 4. 범용폰트이용 5. 색에무관한인식 5. 사용자인터페이스의일관성 6. 명도대비 6. 깜빡거림의사용제한 7. 자막, 수화제공 7. 배경음사용금지 8. 장애인사용자평가 18

3. 모바일애플리케이션접근성지침 - 준수사항 1. ( 대체텍스트 ) 텍스트아닌콘텐츠는대체가능한텍스트를함께제공해야한다. 버튼버튼버튼버튼 버튼버튼버튼버튼 대체텍스트를미제공하여모바일화면낭독프로그램에서제공하는음성읽기기능을활용해보면 버튼 이라고읽음 19

3. 모바일애플리케이션접근성지침 - 준수사항 접근성이고려된청와대모바일애플리케이션 20

3. 모바일애플리케이션접근성지침 - 준수사항 포털사이트의앱접근성문제 ( 유투브동영상, 백남중부장님제작 ) http://www.youtube.com/watch?v=4m0_22lhyde 21

3. 모바일애플리케이션접근성지침 - 준수사항 2. ( 초점 ) 모든객체에는초점 (focus) 이적용되고, 초점은순차적으로이동되어야한다. 문제점 - TTS를실행할경우, 아이디입력창, 비밀번호입력창 ', 공인인증입력창 등에초점이가지않아애플리케이션이용이불가능 아이디, 비밀번호, 공인인증입력등이불가능하여로그인을할수있는방법이없음 - 아이디저장, 시세전용 체크박스에대체텍스트미제공 선택됨, 선택안됨 으로만음성출력 - 공인인증센터 에대체텍스트를미제공 22

3. 모바일애플리케이션접근성지침 - 준수사항 3. ( 운영체제접근성기능지원 ) 운영체제가제공하는접근성기능및속성이지원되 어야한다. 운영체제에서의접근성기능을지원한 Twitter 의경우 SNS 에서제공하는텍스트정보를제대로인식할수있으나, 국내의모 SNS 의경우에는운영체제의접근성기능을지원하지않아음성읽기기능이용시아무런텍스트정보도 얻지못하는문제가발생 23

3. 모바일애플리케이션접근성지침 - 준수사항 4. ( 누르기동작지원 ) 모든컨트롤은누르기 (touch or tap) 동작으로제어할수있어 야한다. < Slide 기능에대한대체수단제공사례 ( 두번두드리기 (double tap)) > < Slide 기능에대한대체수단미제공사례 > 24

3. 모바일애플리케이션접근성지침 - 준수사항 5. ( 색에무관한인식 ) 화면에표시되는모든정보는색에관계없이인식할수있어 야한다. 25

3. 모바일애플리케이션접근성지침 - 준수사항 26

3. 모바일애플리케이션접근성지침 - 준수사항 6. ( 명도대비 ) 화면에표시되는모든정보는전경색과배경색이구분될수있도록최소대비이상으로제공되어야한다. 모든정보의최소대비는 3:1 이상저시력인에게실효성을가지기위해서는주콘텐츠의경우는 4.5:1 또는 7:1 이상 배경색과글자색의대비가충분하지않아저시력사용자는글씨를읽기가매우어려움 27

3. 모바일애플리케이션접근성지침 - 준수사항 1. 네이게이션타이틀 : 2.3 : 1 2. 검색버튼 : 2.8 :1 3. 지금설정하기버튼 : 2.4 : 1 4. 다음에설정하기버튼 : 1.8 : 1 28

3. 모바일애플리케이션접근성지침 - 준수사항 7. ( 자막, 수화등의제공 ) 멀티미디어콘텐츠에는동등한내용의자막, 원고또는수화 가제공되어야한다. 29

3. 모바일애플리케이션접근성지침 - 권고사항 1. (Native UI Component) 운영체제에서제공하는기본사용자인터페이스컴포넌 트 (Native UI Component) 를최대한이용하는것이바람직하다. picker TextView EditText Button 30

3. 모바일애플리케이션접근성지침 - 권고사항 2. ( 컨트롤간충분한간격 ) 컨트롤은충분한간격으로배치하는것이바람직하다. 컨트롤중심간간격은 13mm X 13mm 이상을권장 컨트롤영역의크기는 8.5mm X 8.5mm 이상을권장 31

3. 모바일애플리케이션접근성지침 - 권고사항 32

3. 모바일애플리케이션접근성지침 - 권고사항 3. ( 알림기능 ) 사용자에게알림을제공할때에는진동, 시각, 소리등최대한다양한 방법으로사용자가선택할수있도록제공하는것이바람직하다. < 페이스북의알림설정화면 > < 운영체제에서제공하는 Native UI 알림기능사용예 > 33

3. 모바일애플리케이션접근성지침 - 권고사항 알림기능을음성으로만 한시간에한번씩 쉬어가세요 라고제공하여 시각, 촉각등으로인지하기어려움 34

3. 모바일애플리케이션접근성지침 - 권고사항 4. ( 범용폰트이용 ) 폰트의크기조절, 확대기능을제공하거나운영체제에서제공하 는관련기능을활용할수있는방법을제공하는것이바람직하다. < 트위터의글자크기설정화면 > < ibooks 폰트크기및서체설정화면 > 35

3. 모바일애플리케이션접근성지침 - 권고사항 5. ( 사용자인터페이스의일관성 ) 사용자인터페이스요소들의배치를일관성있게 제공하는것이바람직하다. < 일관성없는입력서식제공사례 (ios Native UI Component ( 좌측 ), Custom UI Component ( 우측 ) > 36

3. 모바일애플리케이션접근성지침 - 권고사항 6. ( 깜빡거림의사용제한 ) 광과민성발작을일으킬수있는콘텐츠를제공하지않는 것이바람직하다. 깜빡이거나번쩍이는콘텐츠를제공해야만할경우초당 3-50 회주기는피해서제공해야함 37

3. 모바일애플리케이션접근성지침 - 권고사항 7. ( 배경음사용금지 ) 자동으로재생되는배경음을사용하지않는것이바람직하다. 동영상을사용자의선택에의해활성화되도록제공하는것이바람직하다. 배경음을제공할경우에는반드시애플리케이션첫부문에이를정지할수있는기능을제공하 는것이바람직하다. 38

3. 모바일애플리케이션접근성지침 - 권고사항 8. ( 장애인사용자평가 ) 애플리케이션개발시다양한모바일기기에서의이용가능 여부를점검해야하며, 장애인테스트를수행하는것이바람직하다. 39

감사합니다.