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

Size: px

Start display at page:

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

서기 강
5 years ago
Views:

1 IOS 모바일애플리케이션접근성지침 2.0 제작기법 (v 1.0) 모바일애플리케이션접근성지침 2.0 (TTAK.KO /R1, 2015 년 12 월 16 일개정 ) 을기준으로 디지털격차해소팀 한국정보화진흥원 1

2 목차 1. 접근성소개 ios 의접근성 (Accessibility) 의이해... 4 Ⅱ. 모바일애플리케이션접근성을고려한 ios 제작기법 인식의용이성 대체텍스트 자막, 수화등의제공 색에무관한인식 명도대비 명확한지시사항 알림기능 인식의용이성 초점 누르기동작지원 응답시간조절 정지기능제공 컨트롤의크기와간격 이해의용이성 입력도움 사용자인터페이스의일관성 깜빡거림의사용제한 자동재생금지 예측가능성 견고성

3 4.1 폰트관련기능의활용 보조기술과의호환성 장애인사용자평가 Ⅲ. 부록 ios 의접근성 (Accessibility) 의이해 UI Accessibility Programming Components Attributes 용어정의 참고자료

4 1. 접근성소개 스마트폰에서 접근성 '(Accessibility) 은장애인또는노약자가스마트폰의주요한기능, 메뉴등을사용할때비장애인처럼사용할수있도록지원해주는도구나기능등을일컫는말이다. 손가락움직임이부자연스럽고시력이약하거나아예보이지않는시각장애인도스마트폰을제대로사용할수있도록해주는것을목적으로하고있다. 애플아이폰은시각, 청각또는다른장애를가진모든사람들까지쉽게사용할수있도록손쉬운사용기능을제공한다. 손쉬운사용에는보기지원, 듣기지원그리고, 신체및동작지원기능이있다. 2. ios 의접근성 (Accessibility) 의이해 직관적으로사용할수있도록만들어진 ios 운영체계가탑재된 iphone, ipad, ipod touch. 모두접근성필수보조기능이탑재되어있어장애가있는사용자도 ios의기능을이용할수있다. 애플의 손쉬운사용 기능은모든 Apple 제품과앱에서동일한방법으로실행된다. 이런내장된기술로인해 ios 기기들은경제적인장애보조기기로활용할수있다. 시각 : VoiceOver는 Mac과 ios 기기에서사용할수있는세계최초의제스처기반화면읽기기능이다. 이기능을통해저시력이거나시각장애가있는사용자도기기가어떻게작동하고있는지알수있고, 기기를쉽게제어할수있다. 청각 : FaceTime 영상통화를이용하면청각또는언어장애가있는사용자도수화를주고받거나윙크와웃음같은다양한얼굴표정으로대화할수있습니다. 신체및운동능력 : 신체및운동능력장애가있는사용자는 ios의 AssistiveTouch를사용해핀치 (pinch) 와같은일반적인 Multi-Touch 제스처를손가락하나로입력할수있습니다. 학습및읽기쓰기능력 : 주의력결핍이나인지장애가있는사용자가앱하나에집중할수있도록 ios의사용법유도가도와준다. ios 3.0 이후버전은 UI Accessibility programming 인터페이스를탑재하고있어, 이 API로 ios 의스크린리더 Voiceover가사용자인터페이스를읽어내기위해필요한모든정보를제공하도록한다. UI Accessibility Programming interface는사용자인터페이스개발 Kit의부분으로제공된다. ios의개발툴 (SDK) 의 Interface Builder inspector 패널, Accessibility Inspector를통해접근성기능을환경에맞추어개발하거나점검을해볼수있다. UI Accessibility Programming Interface는 UIAccessibility informal protocol, UIAccessibilityContainer informal protocol 프로토콜 2개, UIAccessibilityElement 클래스 1개, UIAccessibilityConstants.h 헤더 1개로구성되어있다. 접근성있는사용자인터페이스요소의속성은 UI Accessibility API의핵심이다. 장애인사용자가콘트롤이나 view를이용하고자할때 Voiceover는속성정보를이용하여사용자에게정보를제공한다. 4

Ⅱ. 모바일애플리케이션접근성을고려한 ios 제작기법 1. 인식의용이성 인식의용이성은사용자가장애유무등에관계없이애플리케이션의모든콘텐츠를동등하게인 식할수있도록제공하는것을의미한다. 1.1 대체텍스트 텍스트아닌콘텐츠는대체가능한텍스트와함께제공되어야한다. 1.1.1 지침소개 1.

5 Ⅱ. 모바일애플리케이션접근성을고려한 ios 제작기법 1. 인식의용이성 인식의용이성은사용자가장애유무등에관계없이애플리케이션의모든콘텐츠를동등하게인 식할수있도록제공하는것을의미한다. 1.1 대체텍스트 텍스트아닌콘텐츠는대체가능한텍스트와함께제공되어야한다 지침소개 1. 텍스트아닌콘텐츠에대한대체텍스트는그의미나기능을동등한수준으로짧고명확하게제공해야한다. [ 참고 ] 이미지에대체텍스트작성지침 (TTAK.KO ) 개발방법 방법1. Interface Builder를이용하여구현하는방법 - Identity Inspector 에서 Accessbility 관련 Attribute 을설정할수있다. Accessibility 관련 API는본문서의부록에기술되어있다. 5

6 방법 2. UIAccessibility API 의 setter 속성을이용하는방법 속성명 설명 IsAccessibilityElement Accessibility 기능의 On/Off. Custom UI Component 에선 NO 로되어있으니습관적으로해 주는것이좋습니다. AccessibilityLabel 레이블 AccessibilityHint 힌트 - 예제코드 방법 3. UIAccessibility Protocol 을상속받은 View Class 에서구현하는방법 - UIAccessibility Protocol 을상속받으면다음과같은메소드를 Override 할수있다. 6

7 1.1.3 점검기준 텍스트가아닌콘텐츠에해당이미지가제공하는의미나용도를동일하게인식할수있는적절한대체텍스트를제공한다. 오류유형 이미지요소가제공하는정보와동일한정보가음성으로출력되지않는경우 의미와용도를이해할수없는대체텍스트를제공하는경우 의미없는이미지에대체텍스트를제공하는경우 대체텍스트제공없이설명만제공되는경우 (Hint로만제공된경우 ) 객체유형정보가반복제공되는경우 (~ 이미지이미지,~ 버튼버튼등 ) 객체유형에대한정보가잘못제공된경우 display:none, visibility:hidden으로대체텍스트가제공된경우 화면에보이지않는형태로대체텍스트가제공된경우 ( 터치방식으로대체정보확인이불가한경우 ) 주의사항 기능을제공하는경우이용방법등충분한설명을제공하지않은경우 ( 권고 ) 숫자정보에대해의미전달이미흡한대체텍스트를제공하는경우 ( 권고 ) 준수예 ) > 6월20일 권고 ) 객체유형정보를정확히제공할것을권장함 (Traits 정보 ) IR기법으로대체텍스트를제공시 hidden형태가아니더라도화면터치방식으로는대체정보인지불가함 ( 오류 ) 점검방법 방법1. Voice Over 기능으로텍스트가아닌콘텐츠에대응하는대체텍스트의적절성여부를점검한다. - 화면구성정보를제공하는지확인한다. (Title, List View, Grid View) - 화면내구체적인 Contents를읽어주는지확인한다. (Text, Imge) 7

8 - 화면내기능을읽어주는지확인한다. (Button 등 ) 방법 2. Xcode Simulator 의 Accessibility Inspector 로대체텍스트의적절성여부를점검한다. 8

9 1.1.5 준수 1. 의미와용도를이해할수있도록적절하게대체텍스트를제공한경우 " 다음메일 Kakao corp. 별점평점 4.3" 으로 해당메일의정보를올바르게제공함 정기휴관일매주월요일 ( 공휴일은개관 ) 단, 상설전시관외야외전시, 쉼터등은개방 으로이미지화된텍스트에대체정보를올바르게제공함 9

10 2. 이미지버튼에적절한대체텍스트를제공한경우 " 옵션버튼 " 으로해당버튼의정보를올바 르게제공함 3. 배너이미지에적절한대체텍스트가제공된경우 10

편의시설앱사용법, IT 서비스로차별없는사회를만듭니다 ", 당신의존재만으로당신을존중합니다. 로해당롤링배너의정보를올바르게제공함 1.

11 편의시설앱사용법, IT 서비스로차별없는사회를만듭니다 ", 당신의존재만으로당신을존중합니다. 로해당롤링배너의정보를올바르게제공함 미준수 1. 이미지요소가제공하는정보와동일한정보가음성으로출력되지않는경우 " 이벤트 " 로해당이미지에대해대체텍스트가 부적절하게제공됨 11

12 2. 의미와용도를이해할수없는대체텍스트를제공하는경우 버튼 -4 라벨지정안됨 으로해당이미지 버튼에대체텍스트가부적절하게제공됨 버튼 -65 라벨지정안됨 으로해당이미지 버튼에대체텍스트가부적절하게제공됨 배너 1 로해당이미지배너에대체텍스 트가부적절하게제공됨 3. 버튼에대체텍스트가제공되지않은경우 보안키패드에대체텍스트가제공되지않음 12

13 4. 컨트롤에기능정보가제공되지않은경우 뉴스 로만음성출력되어해당버튼의선 택여부를확인하기어려움 5. 의미있는이미지정보가제공하지않는경우 " 메세지 17 개, 공유 15 개, 옵션버튼 " 등해 당기능버튼의정보를제공하지않음 13

14 1.2 자막, 수화등의제공 영상이나음성콘텐츠에는동등한의자막, 원고또는수화가제공되어야한다 지침소개 1. 영상이나음성콘텐츠내제공되는모든음성정보는동등한의자막, 원고, 수화중적어도하나이상을제공해야한다. 2. 영상이나음성콘텐츠에서화면에문자정보가의미를가지고있는경우이를설명하는별도의음성콘텐츠나원고를제공해야한다. 3. 자막, 원고또는수화는재생되고있는영상이나음성콘텐츠와동기화하여제공한다. 단, 실시간으로제공되는영상이나음성콘텐츠의경우는실시간자막또는수화로제공할수있다. 4. 음성이나문자정보없이제공되는영상이나음성콘텐츠는이를설명하는화면해설을제공하는것이바람직하다 개발방법 방법 AVFoundation, AVPlayer 의 closedcaptiondisplayenabled, textstylerules 등의 Attribute로자막기능의제어가가능하다. - ios 기기들은자막비디오기능을지원한다. ios7은사용자가자막속성을수정할수있는기능과앱이재생중자막을보여줄수있게해주었다. ios7에서 AVFoundation 을사용한앱들은 API를통해재생중자막을보여주는기능을지원한다. 자동적으로보여줄자막을지원하는비디오가재생될때 ios7 부터는자막스타일을변경할수있게되었다. 14

- 자막을지원하는컨텐트를찾아재생하는몇가지다른방법이있다. 예를들면, itunes Store 에서몇몇 movie들과 TV 쇼들은임대나구매가가능하다. YouTube, Netflix, Hulu + 과같은유명비디오앱들은자막을제공한다. - ios 3.0 이상부터는 HTT Live Streaming client를지원하고있다. 따라서 WebVTT 자막을이용할수있다. 1.

15 - 자막을지원하는컨텐트를찾아재생하는몇가지다른방법이있다. 예를들면, itunes Store 에서몇몇 movie들과 TV 쇼들은임대나구매가가능하다. YouTube, Netflix, Hulu + 과같은유명비디오앱들은자막을제공한다. - ios 3.0 이상부터는 HTT Live Streaming client를지원하고있다. 따라서 WebVTT 자막을이용할수있다 점검기준 멀티미디어콘텐츠를동등하게인식할수있도록자막이나원고, 수화등대체정보를제공한다. 오류유형 음성정보에대체수단을제공하지않는경우 음성정보전체가아닌일부정보나요약정보만을제공하는경우 음성정보없는동영상에대체수단을제공하지않는경우 주의사항 파일로제공되는영상, 음성콘텐츠도평가대상에포함. 유의미한음성정보없이화면에텍스트로만정보를제공하거나, 영상스케치등의동영상의경우화면에제공되는정보를화면밖에시각장애인이확인할수있도록대체정보를제공하여야함 ( 스케치의경우대략적인요약정보제공인정 ). 동영상과대체정보를한화면에서볼수있도록구현권장 15

16 1.2.4 점검방법 방법1. 멀티미디어콘텐츠등에음성정보를대체할수있는수단 ( 자막, 원고, 수화등 ) 을제공하고있는지, 유의미한음성정보없이화면으로만정보를제공하는경우화면정보를인지할수있도록대체정보를제공하는지를점검한다. - 동영상실해후 Caption 기능이있는지확인한다. - 콘텐츠내원고, 수화기능을제공하는지확인한다 준수 1. 음성정보에대체수단 ( 자막 ) 을제공한경우 뉴스보도동영상에적절한자막을제공함 16

17 2. 음성정보에대체수단 ( 수화 ) 를제공한경우 날씨뉴스동영상에적절한수화를제공함 3. 문자정보에대체수단 ( 원고 ) 를제공한경우 동영상에제공된문 자정보에대한 을원고로제공함 17

18 1.2.6 미준수 1. 음성정보에대체수단을제공하지않는경우 동영상에음성정보대체수단 ( 자막, 수화 ) 을 제공하지않음 2. 음성정보전체가아닌일부정보나요약정보만을제공하는경우 18

19 심폐소생술동영상에대해일부의정보만 자막으로제공함 1.3 색에무관한인식 화면에표시되는모든정보는색에관계없이인식될수있어야한다 지침소개 1. 콘텐츠에서제공하는모든정보는특정한색을구별할수없는사용자, 흑백디스플레이사용자, 흑백인쇄물을보는사용자및고대비모드사용자가인식할수있도록제공해야한다 개발방법 방법1. 한가지이상의 shape, color, style, positioning, text label 를제공해야한다. 즉, 색만으로의미를전달하면안되며색과함께관련텍스트를함께제공해주는것이바람직한개발방법이다 점검기준 색상으로정보를구분할경우, 색상이외의다른방법으로도동등한을전달한다. 오류유형 그래프내각항목등정보의구분을색상으로만표시하여, 색상제거시동등한정보전달이되지않는경우 19

20 1.3.4 점검방법 방법1. 색상으로정보를구분하는경우, 색상을대체할수있는정보 ( 텍스트, 이미지, 심볼등 ) 도함께제공하는지를점검한다. - 화면의구성요소 (List 등 ) 들이색으로만구분토록되어있는지확인한다. - 화면내콘텐츠 ( 이미지, 그래프, 차트등 ) 이색상만으로구분토록되어있는지확인한다. - 화면변환 ( 현재위치 / 변경화면 ) 이색상만으로제공되어있는지확인한다 준수 1. 색상에만의존하지않는그래프정보를제공한경우 그래프내값을제공하여그래프구분이가 능할수있도록제공함 20

21 2. 선택된항목을적절하게제공한경우 ' 중형 ' 항목에테두리선을제공하여색상정보 없이도선택된콘텐츠를인식가능하게테두리 를제공함 미준수 1. 그래프내각항목등정보의구분을색상으로만표시하여, 색상제거시동등한정 보전달이되지않는경우 납부금액그래프의구분을색상으로만구분 하여제공하고있음 21

22 2. 이미지내구분을색상으로만제공한경우 - 전국의투표결과가색으로만제공하고있음 3. 선택된항목을색상으로만제공한경우 - ' 휴대폰 ' 선택정보를색상으로만제공하고 있음 ' 약관동의 ' 선택정보를색상으로만제공하 고있음 22

1.4 명도대비 화면에표시되는모든사용자인터페이스컴포넌트와텍스트는전경색과배경색이구분될수 있도록제공되어야한다. 1.4.1 지침소개 1. 화면에표시되는모든사용자인터페이스컴포넌트와텍스트는전경색과배경색이구분될 수있도록명도대비를 3:1 이상으로제공해야한다. 1.4.2 개발방법 방법1.

23 1.4 명도대비 화면에표시되는모든사용자인터페이스컴포넌트와텍스트는전경색과배경색이구분될수 있도록제공되어야한다 지침소개 1. 화면에표시되는모든사용자인터페이스컴포넌트와텍스트는전경색과배경색이구분될 수있도록명도대비를 3:1 이상으로제공해야한다 개발방법 방법1. 명도대비를체크할수있는도구들은여러가지있으며, 그중 CCA를설명한다. Step1. 색의선택 foreground & background 2개의섹션으로분리된다. 각각은 test할색을선택할수있는 3가지방법을제공한다. < 방법 1. Colour pallet(s)> 23

24 < 방법 2. Input of a colour value> < 방법 3. Sampling of a colour from a web page > Step 2. Results Results 는 Summary Results( 요약결과 ) 와 Full Results( 전체결과 ) 로나뉘어진다. 'Summary Results' 는 brightness 와 colour difference 를나타낸다. 'Full Results' 는체크된각각의값과명도대비가충분한지등의판단을해준다. 24

25 Step 3. Colour Blindness Results Also show contrast results for colour blindness 체크박스는 4가지시각장애에대한결과를보여준다. Step 4. Options Menus 옵션메뉴로는항상위 (always on top) 와폰트선택이있다. 25

1.4.3 점검기준 화면상의모든정보의최소대비가 3:1 이상으로제공한다. 오류유형 글자와배경의명도대비가 3:1 미만인경우 1.4.4 점검방법 방법1. 화면을캡쳐하여 PC로전송한후 CCA 2.2 (Colour Contrast Analyser ver.

26 1.4.3 점검기준 화면상의모든정보의최소대비가 3:1 이상으로제공한다. 오류유형 글자와배경의명도대비가 3:1 미만인경우 점검방법 방법1. 화면을캡쳐하여 PC로전송한후 CCA 2.2 (Colour Contrast Analyser ver.2.2) 프로그램을사용하여전경색과배경색의대비를측정하여점검한다. ( 평가툴다운로드 : 화면확대기능이같이제공되고있는지확인이필요하다. 26

27 1.4.5 준수 1. 글자와배경의명도대비가 3:1 이상인경우 5.4:1 로적절하게제공됨 7.24:1 로적절하게제공됨 미준수 1. 글자와배경의명도대비가 3:1 미만인경우 27

2.3:1 로미흡하게제공됨 2.4:1 로미흡하게제공됨 2.7:1 로미흡하게제공됨 1.

28 2.3:1 로미흡하게제공됨 2.4:1 로미흡하게제공됨 2.7:1 로미흡하게제공됨 1.5 명확한지시사항 지시사항은모양, 크기, 위치, 방향, 색, 소리등에관계없이인식될수있어야한다 지침소개 1. 화면에표시되는특정사용자인터페이스컴포넌트를가리키거나지시사항을전달하는콘텐츠의경우가리키고자하는사용자인터페이스컴포넌트의실제명칭이나그사용자인터페이스컴포넌트가포함하고있는대체텍스트를사용해지칭하거나, 하나의감각에의존하지않고여러감각을이용하는정보를함께제공해야한다. 2. 음성이나음향을사용해지시사항을전달하는경우사용자가소리를들을수없더라도지시사항을인식할수있어야한다. 28

29 1.5.2 개발방법 명확한지시사항은통상적으로사용해온관습적인기호나콤포넌트에대해선구현하지않아도된다. 예를들면화살표, 물음표, 느낌표등의기호나체크박스, 네이티브버튼객체등은예외로한다. 특히 ios 의뒤로버튼등의네이티브사용자콤포넌트는별도의설명을달지않아도된다. 하지만커스텀사용자컴포넌트나이미지, 기호등에대해선충분한설명등을제공해야한다. 설명을제공하는방법에는다음의방법등이있다. - 대체텍스트 ( 본문서의 대체텍스트 참조 ) - 도움말 (Walkthroughs, Coach Marks) 등의수단으로제공해주면된다. 이는 UI 설계패턴과매우밀접하다. 방법1. 도움말 (Walkthroughs, Coach Marks) 이방법은처음사용자에게학습을시키는방법이다. Walkthroughs 는처음사용자를위한상세한도움말프로세스를말한다. 반면 Coach Marks는처음사용자를위한간단한도움말패턴을말한다. - Walkthroughs 제공을위한이니셜 Walkthroughs 나튜토리얼 (tutorial) 은단순콘텐츠와기능을가지고있는콘텐츠의구분을명확히해주는데도움이된다. 별도의독립된페이지나동영상등을통해사용자에게사용법을자세히설명해주면된다. 29

30 관련기술 : UIPageControl, UIPageViewController, UIScrollView 등 30

31 - Coach Marks 유튜브의 관련기술 : UILabel 등 * 주요기본사용자컴포넌트이므로예제코드는생략한다. 31

방법2. 팝오버 (Popovers) 팝오버를통해현재페이지를벗어나지않고명확한지시사항을제공할수있다팝오버의구현을위해선팝업창, 특정영역을제외하고모두반투명검은배경색처리, Notification 등을통해구현할수있다 관련기술 : UIPopoverController,

32 방법2. 팝오버 (Popovers) 팝오버를통해현재페이지를벗어나지않고명확한지시사항을제공할수있다팝오버의구현을위해선팝업창, 특정영역을제외하고모두반투명검은배경색처리, Notification 등을통해구현할수있다 관련기술 : UIPopoverController, UILabel 등 Overlay 관련기술 점검기준 지시사항정보를특정감각에의존하지않고다양한감각을통해용도나목적을이해할수있도록제공한경우준수한것으로인정한다. 오류유형 색, 크기, 모양, 방향등으로만정보를제공한경우 전달하고자하는지시사항을소리로만정보를제공한경우 32

33 주의사항 노인이나약시자의경우에브라우저의글자체를확대시켜콘텐츠를표시하면콘텐츠의표시위치가지시하는위치와달라져혼란을줄수있으므로가급적위치정보를이용하여지시하지않도록콘텐츠를구현하는것을권장 점검방법 방법1. 페이지를구성하는콘트롤이특정요소로만지시를하거나표현하는지점검한다.( 대체수단없이음성혹은음향으로지시사항을전달하는경우포함 ) < 특정요소로만지시를하는 > 1 방향, 위치정보로만이용하는사용법을알려주는경우 2 화면의위치만으로객체를지정하는경우 3 버튼의모양만을이용하여사용법을알려주는경우 4 음성으로만지시하는경우등 준수 1. 지시사항을명확하게제공한경우 33

34 지시하고자하는사항을명확하게명시하고 있음 미준수 1. 색, 크기, 모양, 방향등으로만정보를제공한경우 ' 여기서확인하세요!' 로방향으로만정보를제공하고있음 1.6 알림기능 정보는화면표시, 소리, 진동등다양한방법으로제공되어야한다. 34

35 1.6.1 지침소개 1. 중요한알림정보는시각, 청각, 촉각등다양한감각으로인식될수있어야한다. 2. 알림정보는사용자가자신에게적합한방법을선택할수있도록제공하는것이바람직하 다 개발방법 방법1. 알림기능은최대한다양한방법으로제공하는것이좋다. ios 에서도 local notification 이지원되면서보다다양한방법으로사용자에게알림을전달할수있게된다. - UILocalNotificaton 35

36 - Vibrate AudioServicesPlayAlertSound(kSystemSoundID_Vibrate); 또는 AudioServicesPlaySystemSound(kSystemSoundID_Vibrate); 점검기준 화면상의모든알림정보를한가지감각으로만제공하지않고, 다양한감각으로인식할수있도록제공한다. 오류유형 시스템알림창 ( 메시지박스 ) 의 title, 메시지정보, 확인버튼등에텍스트가적절하게제공되지않는경우 알림창이나타날때알림소리와진동이제공되지않거나, 설정창에알림정보에대해진동 / 소리설정기능을제공되지않는경우 점검방법 방법 1. 알림창팝업시알림소리와진동이각각또는동시에제공되고, 알림창정보를텍 스트로인지할수있는지를점검한다. 36

37 1.6.5 준수 1. 소리, 진동등다양한알림방법을제공하는경우 소리, 진동, 무음등다양한알림방법을선택 할수있도록제공됨 미준수 1. 알림방법을한가지만제공한경우 알림방법이소리로만제공됨 37

38 2. 인식의용이성 운용의용이성은사용자가장애유무등에관계없이애플리케이션에서제공하는모든기능들을 운용할수있게제공하는것을의미한다. 2.1 초점 의미나기능을갖는모든사용자인터페이스컴포넌트에는초점 (focus) 이적용되고, 초점은논 리적인순서로이동되어야한다 지침소개 1. 초점은사용자가예측할수있도록논리적인순서로이동해야한다. 2. 초점은화면에서보이지않거나논리적으로의미를갖지않는사용자인터페이스컴포넌트 로이동하지않도록해야한다. 3. 표시되는초점의영역은콘텐츠의위치와크기가맞도록제공해야한다 개발방법 VoiceOver와같은보조기술에서초점은좌표값순서로읽혀집니다. 따라서 UI 요소를배치할경우그위치를주의해야한다. 방법1. API UIAccessibilityFocus VoiceOver와같은보조기술에의해사용될수있다. 또한각각의 Focus에대한세가지이벤트핸들러메소드를제공해서 Focus에대한처리를해줄수있다. 핸들러1. accessibilityelementdidbecomefocused 초점이들어왔을때발생한다. - (void)accessibilityelementdidbecomefocused 38

39 핸들러 2. accessibilityelementdidlosefocus VoiceOver 와같은보조기술 ( 프로그램 ) 이가상초점을제거한후에발생한다. - (void)accessibilityelementdidlosefocus 핸들러 3. accessibilityelementisfocused VoiceOver 와같은보조기술이초점을가져왔는지여부를알려준다. - (BOOL)accessibilityElementIsFocused UIAccessibilityFocus Protocol Reference UIAccessibilityFocus 비공식프로토콜은음성과같은보조기술의접근요소에현재초점을맞추고있는지여부를찾아내는방법을제공한다. 음성및기타보조기술은요소에가상초점을넣어사용자가활성화하지않고요소를검사할수있도록한다 방법2. Focus 제어예제 UITextField resignfirstresponder 는키보드포커스를제거한다. becomefirstresponder는첫포커스를가지도록한다. 일반적포커스지정 : 완벽하진않다. UIAccessibilityPostNotification(UIAccessibilityLayoutChangedNotification, firstbottom); UIAccessibilityTraitUpdatesFrequently UIView class 의 customize: VoiceOver 가 On 되어있을때만동작된다. 39

40 40

41 2.1.3 점검기준 의미를지닌모든객체에초점이적용되고, 이동순서는일반적인사고의순서, 이용의순서와같이논리적으로이동된다. 오류유형 의미를지닌모든요소에초점이적용되지않는경우 초점의이동순서가일반적인사용자의예측과상이하게비논리적으로이동되는경우. 컨트롤간초점영역이겹쳐제공된경우 화면에보이지않는컨트롤 ( 숨겨진정보 ) 에초점이이동하는경우 IR기법을사용하여초점이화면에서사라진경우 주의사항 IR 기법으로대체텍스트를제공시전체읽기방식및쓸어넘기기기능으로이용시화면 에초점이사라짐.( 오류 ) 점검방법 방법1. VoiceOver 기능을켠상태에서 전체읽기 기능및 한손가락오른쪽으로쓸어넘기기 ( 다음콘텐츠읽기 ) 기능으로모든객체에초점이제공되고, 제공된초점은논리적인순서로제공되는지를점검한다. 방법 2. Explore-by-touch ( 직접선택하는 ) 동작으로객체를직접선택시해당 Label 을읽어 주는지점검한다. 41

42 2.1.5 준수 1. 모든객체에초점이제공되는경우 모든객체에초점이제공됨 2. 논리적인순서로초점이제공되는경우 논리적인순서로초점이제공됨 42

43 2.1.6 미준수 1. 의미를지닌모든요소에초점이적용되지않는경우 ' 뷰티 ' 탭메뉴에초점이제공되지않음 ' 실시간급상승 ' 이미지에초점이제공되지않 음 2. 초점의이동순서가일반적인사용자의예측과상이하게비논리적으로이동되는경우 비논리적인순서로초점이이동됨 3. 불필요한초점이제공되는경우 43

불필요한정보인 " 수직막대 " 로초점이이동 됨 2.2 누르기동작지원 터치 (touch) 기반모바일기기의모든컨트롤은누르기동작으로제어할수있어야한다. 2.2.1 지침소개 1.

44 불필요한정보인 " 수직막대 " 로초점이이동 됨 2.2 누르기동작지원 터치 (touch) 기반모바일기기의모든컨트롤은누르기동작으로제어할수있어야한다 지침소개 1. 두개이상의손가락을동시에이용해야하는다중누르기 (Multi-touch) 동작, 팬 (Pan), 끌기와놓기 (Drag and drop) 등의복잡한누르기동작은단순한누르기동작을함께제공해야한다 개발방법 방법 1. UIController 를통한지원 Button... 44

45 방법 2. 사용자동작 Event 를통한지원 Touch, Swipe... 이들방법이외에도단순누르기동작으로그기능을사용할수있게구현해주면된다 점검기준 멀티터치 (Multi-touch), 슬라이드 (Slide), 끌기와놓기 (Drag and drop) 등의복잡한동작을단순누르기동작으로대체할수있는방법을제공한다. 오류유형 두손가락을활용해야하는확대, 축소기능에대체할수있는단순누르기기능을제공하지않는경우 볼륨슬라이드조절등과같이슬라이드 (Slide), 끌기와놓기 (Drag and drop) 등의복잡한동작을대체할수있는단순누르기기능을제공하는경우 점검방법 방법1. 멀티터치 (Multi-touch), 슬라이드 (Slide), 끌기와놓기 (Drag and drop) 등의복잡한동작을사용하는기능을제공하는경우, 단순한누르기등해당기능을대체할수있는손쉬운대안을제공하였는지를점검한다. 45

46 2.2.5 준수 1. 단순누르기기능을제공한경우 Move cursor to end 메뉴를단순한누르기기능으로대체할수있도록제공함 미준수 1. 두손가락을활용해야하는확대, 축소기능에대체할수있는단순누르기기능을 제공하지않는경우 46

등의복잡한동작을대체할수있는단순누르기기능을제공하는경우 Voice Over 운용시순차적초점이동으로접근할수없음 2.

47 지도확대기능이두손가락을활용해야하며단순누르기기능을제공하지않음 (+,- 버튼으로초점이제공되지않아기능이용이불가능함 ) 2. 볼륨슬라이드조절등과같이슬라이드 (Slide), 끌기와놓기 (Drag and drop) 등의복잡한동작을대체할수있는단순누르기기능을제공하는경우 Voice Over 운용시순차적초점이동으로접근할수없음 2.3 응답시간조절 시간제한이있는콘텐츠는응답시간을조절할수있어야한다 지침소개 1. 시간제한이있는경우에는제한시간연장또는이를제어할수있는수단을함께제공해 47

48 야한다. 2. 불가피한사유로 1항의기능을제공할수없는경우에는사용자에게시간제한이있다는것을미리알려주고, 종료되었을경우에도이를알려주어야한다. [ 비고 ] 불가피한경우 : 보안, 게임등 개발방법 방법1. - ios 에선시간제한을주는방법은타이머를이용하거나 Thread 를통한핸들러처리방법이있다. - 타이머 이와같은경우시간연장을통해 couter 수를조절하거나정지할수있는기능을제공 한다 - 핸들러. 중간에멈출수있는메소드나알로리즘을구현하여 Button 이벤트와연결시킨다. Introduction/Introduction.html 점검기준 시간제한이있는콘텐츠의응답시간을조절할수있도록방법을제공한다. 오류유형 48

(Redirection page), 제한시간연장, 제한시간만료경고등이해당됨 2.3.4 점검방법 방법 1.

49 페이지재이동시회피할수있는수단을제공하지않은경우 제한시간을연장하는방법에제한시간이있는경우 주의사항 경매나실시간게임, 듣기평가용콘텐츠등과같이원천적으로콘텐츠의이용에따르는시간조절을허용할수없는콘텐츠는예외로인정 검사대상은자동전환페이지 (Redirection page), 제한시간연장, 제한시간만료경고등이해당됨 점검방법 방법 1. 로그인연장및인증번호입력등시간제한이있는경우, 시간제한을해제하거나연 장할수있는대안을제공하였는지를점검한다 준수 1. 알림창에적절한알림정보를제공한경우 로그아웃 1분전에로그인연장알림을제공함 49

자동으로변경되는콘텐츠에는앞으로이동, 뒤로이동, 일시정지, 정지와같이이를제어할수있는수단을제공해야한다. 2.4.

50 2.3.6 미준수 1. 알림정보없이세션이만료된경우 로그인연장알림없이자동으로로그아웃 됨 2.4 정지기능제공 자동으로변경되는콘텐츠는움직임을제어할수있어야한다 지침소개 1. 자동으로변경되는콘텐츠에는앞으로이동, 뒤로이동, 일시정지, 정지와같이이를제어할수있는수단을제공해야한다 개발방법 방법1. - 동영상콘텐츠의경우재생, 일시정지, 정지등의컨트롤을제공해야한다. 애니메이션의경우그동작을제어할수있는기능을가진컨트롤이나이벤트를제공해야한다. 50

51 - 동영상 - 애니메이션 관련기술 : UIButton, UIImageView 등 점검기준 자동으로변경되는콘텐츠의움직임을제어할수있도록방법을제공한다. 오류유형 시간에따라변화하는콘텐츠에정지, 이전, 다음기능이없는경우 시간에따라변화하는콘텐츠가순차진행및임의진행터치방식으로제어가불가능한경우 51

주의사항 움직이는배너, 뉴스등시간에따라변화하는콘텐츠를순차진행및임의진행터치방식으로평가 순차진행및임의진행시콘텐츠의변화가멈춰지면정지기능이제공된것으로인정 검사대상은자동적으로움직이는배너, 자동변경되는실시간검색순위등이해당됨 2.4.

52 주의사항 움직이는배너, 뉴스등시간에따라변화하는콘텐츠를순차진행및임의진행터치방식으로평가 순차진행및임의진행시콘텐츠의변화가멈춰지면정지기능이제공된것으로인정 검사대상은자동적으로움직이는배너, 자동변경되는실시간검색순위등이해당됨 점검방법 방법 1. 자동으로변경되는콘텐츠에정지, 다음콘텐츠로의이동, 이전콘텐츠로의이동기 능을제공하고있는지점검한다 준수 1. 시간에따라변화하는콘텐츠에정지, 이전, 다음기능이제공된경우 움직이는콘텐츠에정지기능을제공하고있 음 52

5 컨트롤의크기와간격 컨트롤은충분한크기와간격으로제공되어야한다. 2.5.1 지침소개 1.

53 2.4.6 미준수 1. 시간에따라변화하는콘텐츠에정지, 이전, 다음기능이없는경우 BEST20 영역의움직이는콘텐츠에정지기 능없이제공됨 2.5 컨트롤의크기와간격 컨트롤은충분한크기와간격으로제공되어야한다 지침소개 1. 컨트롤간에외곽선을표시하지않는경우컨트롤간의중심간간격을충분히제공해야한다. [ 비고 ] 기본사용자인터페이스컴포넌트와같이운영체제에게기본적으로제공하는컨트롤의경우예외로한다. 2. 모바일기기의화면크기에관계없이컨트롤의가로와세로크기는각각 9mm 이상으로제공하는것이바람직하다. 53

54 2.5.2 개발방법 방법 1. 1mm 는 px 이며 1px 은 mm 이다. 따라서 UI 컴포넌트를만들때 가로, 세로크기가각각 34px 이상으로만들면된다 점검기준 컨트롤과컨트롤의중심간간격을 9mm이상으로충분히제공한다. 오류유형 컨트롤의중심간간격을 9mm미만인경우 컨트롤의가로와세로크기중하나가 9mm미만인경우 주의사항 링크텍스트는예외로한다 점검방법 방법1. 사용자인터페이스화면에제공되는버튼등사용자인터페이스화면에서누르기동작으로기능을활성화시키는객체 ( 컨트롤 ) 들의중심간간격이 9mm 이상으로제공되는지점검한다. < 크기측정 > 실제아이폰에자로측정하는것이가장정확하나 Ruler 앱을다운받아크기를측정해도된다. 54

55 2.5.5 준수 1. 컨트롤의중심간간격을 9mm 이상제공한경우 콘트롤의중심간간격이 17mm 로제공됨 미준수 1. 컨트롤의중심간간격을 9mm 미만으로제공한경우 55

56 56 콘트롤의중심간간격이 5mm 로제공됨

57 3. 이해의용이성 이해의용이성은사용자가장애유무등에관계없이애플리케이션에서제공되는콘텐츠를이해 할수있도록제공하는것을의미한다. 3.1 입력도움 입력서식이용시, 입력오류를방지하거나정정할수있는방법을제공해야한다 지침소개 1. 입력서식에는용도와목적을알수있는대체정보를제공해야한다. 2. 별도의입력방식이있는입력서식에는입력오류를방지하기위하여입력에대한설명정보를제공해야한다. 3. 사용자입력값에오류가있는경우오류을이해하고이를정정할수있도록해당오류을알릴수있는방법을제공해야한다. 4. 입력서식의오류을수정하기용이하도록오류가발생된지점으로초점을이동시키는것이바람직하다 개발방법 방법1. ios 에선 Placeholder 를제공해주고있지않다. 따라서관련클래스를상속받아커스터마이징해주어야한다. UITextView 에서의 Place Holder 예제 UITextViewDelegate method를커스터마이징 57

오류를체크하여관련컴포넌트로이동하기위해 becomefirstresponder 나 resignfirstresponder 등의메소드를이용하여초점의이동을하면된다. 보다자세한은본문서의초점이동항목을참조하기바란다. 관련기술 : 초점이동 ( 초점항목참조 ), Placeholder 등 3.1.

58 오류를체크하여관련컴포넌트로이동하기위해 becomefirstresponder 나 resignfirstresponder 등의메소드를이용하여초점의이동을하면된다. 보다자세한은본문서의초점이동항목을참조하기바란다. 관련기술 : 초점이동 ( 초점항목참조 ), Placeholder 등 점검기준 운영체제에서제공되는접근성기능이동작하며, 입력서식을운영체제에서제공하는접근성속성을활용하여사용하자가이해하기쉽도록제공한다. 오류유형 입력서식에입력할정보에대한설명정보를제공하지않은경우 ( 적절한레이블미제공 ) Hint 로만입력서식에대한정보를제공하는경우.(Hint음성제거시엔음성정보가출력되지않음 ) 점검방법 방법1. VoiceOver 기능을켠상태에서입력서식선택시입력서식과관련된설명문을명확하게음성으로제공하는지점검한다. 58

59 - <input>,<textarea>,<select> 요소등에 <label> 요소, title 속성유무체크 / 자동점검한다. - 입력서식에레이블이올바르게연결되어있는지점검한다. - 레이블값이해당서식을적절한으로표현했는지점검한다. - 입력서식에중복레이블을제공하지않았는지점검한다 준수 1. 입력서식에적절한서식정보를제공하는경우 " 검색어입력하세요." 로입력서식정보를적 절히제공하고있음 59

60 아이디입력창입력하시려면이중탭하십 시오. 입력창 abc 로텍스트입력후에도입 력서식정보를제공하고있음 미준수 1. 입력서식에입력할정보에대한설명정보를제공하지않은경우 ( 적절한레이블미제 공 ) 카드번호, 전화번호입력서식에대한설명정 보를제공하고있지않음 60

61 2. 입력서식의정보가잘못제공된경우 해당입력서식의 " 선택됨 ", " 선택해제됨 " 정보가부적절하게제공됨 61

62 3.2 사용자인터페이스의일관성 사용자인터페이스컴포넌트들은일관성있게배치되어야한다 지침소개 1. 화면에표시되는콘텐츠들의배치는일관성있게제공되어야한다. 2. 애플리케이션내의유사한기능을가지고있는컨트롤은동일하게제공되어야한다 개발방법 방법1. - 어플리케이션개발에앞서서디자인이끝난후에는반드시일관성있는 UI로가이드라인작성한다. Interface builder를이용하거나순수코딩으로개발할때컨트롤의위치와방법이동일하도록한다 점검기준 사용자인터페이스개체들의위치를일관성있게배치한다. 오류유형 하단탭바, 메뉴, 이전버튼등화면마다반복되는개체들의위치가동일하지않는경우 알림창에제공된확인, 취소등의위치가일관성이없는경우 전체읽기로운용시화면마다콘텐츠영역의배치순서가상이한경우 점검방법 방법 1. 육안으로사용자인터페이스화면에제공되는개체들의위치가매페이지마다동일 한위치에제공되어있는지를점검한다. 62

63 방법 2. 디바이스의화면읽기기능을켠후, 전체읽기로운용시콘텐츠배치순서가페이지 마다동일한지를점검한다 준수 1. 사용자인터페이스개체들의위치를일관성있게제공한경우 메세지페이지와전화페이지의인터페이스개체들위치가일관성있게제공됨 준수 1. 하단탭바, 메뉴, 이전버튼등화면마다반복되는개체들의위치가동일하지않는경우 뉴스페이지와스포츠페이지의인터페이스개체들위치가일관성없게제공됨 63

2. 알림창에제공된확인, 취소등의위치가일관성이없는경우 동일한알림창에확인버튼과취소버튼이 일관되지않게제공됨 3.3 깜빡거림의사용제한 깜빡이거나번쩍이는콘텐츠를제공하지않아야한다. 3.3.1 지침소개 1. 화면상에서깜빡임의효과를제공해야하는콘텐츠는초당 3 ~ 50 회의주기는피해서제공하는것이바람직하다. 2.

64 2. 알림창에제공된확인, 취소등의위치가일관성이없는경우 동일한알림창에확인버튼과취소버튼이 일관되지않게제공됨 3.3 깜빡거림의사용제한 깜빡이거나번쩍이는콘텐츠를제공하지않아야한다 지침소개 1. 화면상에서깜빡임의효과를제공해야하는콘텐츠는초당 3 ~ 50 회의주기는피해서제공하는것이바람직하다. 2. 불가피하게사용할경우, 깜빡임을제공하는콘텐츠는사전에알리고, 회피할수있는방법을제공해야한다 개발방법 방법1. - 주로애니메이션으로깜박거림을제공하게된다. 따라서 20~333ms 의전환시간은피해서구현하는것이좋으며애니메이션의시작전제어할수있는시간을제어수단과함께제공하는것이바람직하다. 따라서애니메이션의구현은구현시프로그래머의각별한주의가필요하다 64

65 3.3.3 점검기준 초당 3~50회주기로깜빡이거나번쩍이는콘텐츠를제공하지않는다. 오류유형 사전경고없이초당 3~50회깜빡이는콘텐츠를제공하는경우 점검방법 방법1. 육안으로깜빡이는객체존재여부를판단하여점검한다. - 애플리케이션내깜빡거리는객체가있는지, 있을시사전경고가충분히주어지는지확인한다. - 깜빡이는객체를설정에서끌수있는메뉴가제공되는지확인한다 준수 1. 깜빡임에대한경고안내를제공한경우 - 깜빡임에대한경고안 내가제공됨 미준수 65

1. 사전경고없이초당 3~50 회깜빡이는콘텐츠를제공하는경우 사전경고없이초당 3~50 회이상깜빡임을 제공하고있음 3.4 자동재생금지 자동으로재생되는배경음을사용하지않아야한다. 3.4.1 지침소개 1. 자동으로재생되는배경음은제공하지않아야한다. 단, 3초미만의배경음은예외로인정한다. 2.

66 1. 사전경고없이초당 3~50 회깜빡이는콘텐츠를제공하는경우 사전경고없이초당 3~50 회이상깜빡임을 제공하고있음 3.4 자동재생금지 자동으로재생되는배경음을사용하지않아야한다 지침소개 1. 자동으로재생되는배경음은제공하지않아야한다. 단, 3초미만의배경음은예외로인정한다. 2. 배경음을사용할경우, 사용자가손쉽게멈춤, 일시정지, 음량조절등과같이이를제어할수있는수단을제공해야한다 개발방법 방법1. - 자동으로재생되는배경음을사용하고자한다면 3초이하의배경음을사용하도록개발한다. 배경음을멈추거나일시정지, 음량조절을할수있는 MPMoviePlayerViewController를이용한기본플레이어를사용하는것이바람직하다. 관련기술 : MPMoviePlayerViewController 66

3.4.3 점검기준 자동으로재생되는배경음을사용하지않는다. 오류유형 자동으로재생되는배경음을제공하는경우 ( 동영상, 음성, 음악등 ) 3.4.4 점검방법 방법1. 자동으로재생되는배경음이제공되는지를점검한다.

67 3.4.3 점검기준 자동으로재생되는배경음을사용하지않는다. 오류유형 자동으로재생되는배경음을제공하는경우 ( 동영상, 음성, 음악등 ) 점검방법 방법1. 자동으로재생되는배경음이제공되는지를점검한다. - 3초이상자동으로재생되는배경음사용여부 / 3초이상자동으로배경음을제어할수있는수단을제공하고있는지확인한다. - 3초이상자동으로배경음을제어할수있는수단이화면낭독프로그램음량에영향을주는지확인한다. - 초점을받아 3초이상재생되는배경음을사용하는지확인한다 준수 1. 정지상태로동영상이제공된경우 페이지내동영상들이정지상태로제공됨 67

5 예측가능성 사용자가의도하지않는화면전환이나이벤트등이실행되는경우사용자가이해할수있는방법으로제공되어야한다. 3.

68 3.4.6 미준수 1. 자동으로재생되는배경음을제공하는경우 ( 동영상, 음성, 음악등 ) 동영상이자동으로재생됨 3.5 예측가능성 사용자가의도하지않는화면전환이나이벤트등이실행되는경우사용자가이해할수있는방법으로제공되어야한다 지침소개 1. 화면이전환되거나팝업과같은이벤트가실행되는경우이를예측할수있는방법을제공해야한다. 2. 다른애플리케이션으로연결및전환되는경우이를예측할수있는방법을제공해야한다 개발방법 방법

사용자가의도하지않는 Alert 나 Popover, 화면전환등을구현할경우 if문이나 switch 문등의제어문을통한분기처리나터치이벤트등의사용자이벤트를통해연동시킨다. 또한가능하면화면전환이나팝업이발생할것이란정보를대체텍스트나화면상의텍스트정보로제공해주어야한다. 3.5.3 점검기준 사용자가의도하지않은기능이자동실행되지않도록제공한다.

69 사용자가의도하지않는 Alert 나 Popover, 화면전환등을구현할경우 if문이나 switch 문등의제어문을통한분기처리나터치이벤트등의사용자이벤트를통해연동시킨다. 또한가능하면화면전환이나팝업이발생할것이란정보를대체텍스트나화면상의텍스트정보로제공해주어야한다 점검기준 사용자가의도하지않은기능이자동실행되지않도록제공한다. 오류유형 사용자가실행하지않은상황에서예측하지않은새창이열리는경우 웹사이트초기화면 ( 메인페이지 ) 에팝업창 ( 레이어팝업포함 ) 을제공하는경우 사용자가의도하지않은초점변화가발생하는경우 체크상자의선택, 텍스트입력서식의값변경만으로값이제출되어문맥이바뀌는경우 주의사항 onkeypress에의해포커스를옮기는동작만으로새창이발생하면감점 <a target="_blank"> 로만새창을알린경우준수한것으로인정 onfocus= this.blur(); 를사용하는경우키보드접근은물론초점의시각적구분이불가하고, 의도하지않은초점변화가실행되므로검사항목 7, 8, 16에서동시감점 플래시등에서제공하는새창에서도 Name, Description 값에서새창안내에대한을포함하지않으면감점 오류정정을위한자동초점변경은예외 69

70 3.5.4 점검방법 방법 1. 사용자가실행하지않은상황에서예측하지않은새창, 초점변화, 페이지이동등이 제공되는지점검한다 준수 1. 사용자가예측가능할수있도록제공된경우 휴대폰번호중간자리입력후초점이해당 서식에 미준수 1. 사용자가의도하지않은초점변화가발생하는경우 70

71 생년월일콤보박스선택시초점이 이전 버튼으로초기화됨 4. 견고성 견고성은사용자가기술에관계없이애플리케이션에서제공하는콘텐츠를이용할수있도록제 공하는것을의미한다. 4.1 폰트관련기능의활용 다. 텍스트콘텐츠는운영체제에서제공하는폰트관련기능을활용할수있는방법을제공해야한 지침소개 1. 텍스트콘텐츠는폰트크기의조절이가능하도록제공되어야한다. [ 비고 ] 폰트크기조절시화면레이아웃이유지될수있는범위내에서적용한다 2. 폰트관련기능을활용할수있도록범용폰트를활용하는것이바람직하다 개발방법 방법1. - ios 내의폰트가아닌외부폰트를사용할경우다양한언어를지원하는지, 많은사용자에게검증을받은폰트인지등을면밀히판단하여적용한다 점검기준 폰트의크기조절기능 ( 확대 ) 을제공하거나, 운영체제에서제공하는폰트변경기능을이용할 수있도록제공한다. 71

오류유형 폰트크기확대기능을미제공하고, OS 의폰트변경설정도적용되지않는경우 텍스트이미지를 2 배확대시가독이어려운경우 주의사항 게시글의경우글을확대하여볼수있도록확대기능을제공할것을권장한다. 4.1.

72 오류유형 폰트크기확대기능을미제공하고, OS 의폰트변경설정도적용되지않는경우 텍스트이미지를 2 배확대시가독이어려운경우 주의사항 게시글의경우글을확대하여볼수있도록확대기능을제공할것을권장한다 점검방법 방법 1. 폰트크기확대기능을제공여부및운영체제에서제공하는폰트변경설정시폰트 가변경되는지를점검한다 준수 1. 폰트의크기조절및기능을제공한경우 폰트의크기및종류를선택 할수있도록제공됨 72

4.1.6 미준수 1. 폰트의크기조절및기능을제공하지않은경우 폰트에대한크기및 기능을제공하지않음 4.2 보조기술과의호환성 사용자인터페이스컴포넌트는보조기술을이용하여사용할수있도록해야한다. 4.2.1 지침소개 1.

73 4.1.6 미준수 1. 폰트의크기조절및기능을제공하지않은경우 폰트에대한크기및 기능을제공하지않음 4.2 보조기술과의호환성 사용자인터페이스컴포넌트는보조기술을이용하여사용할수있도록해야한다 지침소개 1. 운영체제에서제공하는기본사용자인터페이스컴포넌트를최대한이용하는것이바람직하다 2. 부득이하게기본사용자인터페이스컴포넌트를사용할수없을시에는운영체제에서제공하는보조기술을사용할수있도록해야한다. 3. 기본컴포넌트를원래의기능과다른기능으로제공할경우사용자가컨트롤의기능을이해할수있도록그기능에대한정보를제공해야한다. 73

74 4.2.2 개발방법 방법1. - Native UI Component에는 UIWindow, UILabel, UIPickerView 등이있다. 특히웹페이지를내장하는페이지를만들경우에는 UIWebView를통해작성을하게된다. 부득이커스텀사용자인터페이스컴포넌트를사용할경우 UIAccessibilityContainer protocol을상속받아구현해야한다 점검기준 사용자인터페이스가보조기기와호환성을갖춘다. 오류유형 음성읽기기능을켰을때특정콘트롤이동작하지않음 음성읽기기능을켰을때특정콘트롤에서응답이없음 점검방법 방법1. 디바이스가제공하는기본음성읽기기능을켰을때모든컨트롤에서동작및기능이용이가능한지를점검한다. ( 최소 2개이상단말기에서 2회이상반복현상발생여부확인 ) 74

75 4.2.5 준수 1. Voice Over 기능실행시모든콘트롤이동작하는경우 Voice Over 실행시로그인동작이가능함 미준수 1. 음성읽기기능을켰을때특정콘트롤이동작하지않음 Voice Over 실행시좌석선택이되지않음. 75

76 5. 장애인사용자평가 접근성사용자평가는장애인등당사자가다양한모바일기기에서실제모바일애플리케이션콘텐츠를이용해보고이용가능여부를점검하는것을의미한다. 모바일애플리케이션의출시전에시각장애, 청각장애, 뇌병변장애, 지적장애, 지체장애, 고령자등의다양한접근성사용자유형을대상으로실시하는것이바람직하다. 평가방법 각모바일애플리케이션의특성에맞는과업 (Task) 심사 - 평가하는모바일애플리케이션마다과업은모두다를수있으며, 모바일애플리케이션의이용목적에부합하는서비스위주로과업을선정하고, 과업당 15분이내에수행이가능여부를평가하고불편사항을확인한다. 장애영역등급및조건비고 전맹시각장애인 1 급시각장애 1 인화면읽기프로그램사용 저시력시각장애인중증시각장애 1 인 (1 급 ~3 급 ) 화면읽기프로그램사용 번호 과업예시 ( 사이트마다특성을고려하여과업설정 ) 성공율산정방식 1 회원가입을해보세요 2 OOO > OOOO 에서 "OOOOO" 일반과정의일정을확인해보세요. OOOO > OOOOOO 에서신청서식을작성해보세 3 요. 4 OOOO에서 OOO 절차정보를확인해보세요. OO > OOO에서 "OOOOOO" 게시글을확인해 5 보세요. 2 명의사용자심사원이각과업별로 15 분이내에성공 76

77 6 통합검색에서 [ 제목 :OOO] 로검색하여검색결과목 록을확인해보세요. 7 공지사항에서세번째공지을확인해보세요. 8 자료실에서 "OOOOO" 첨부파일을다운로드해보 세요. 9 대중교통을이용한방문정보를확인해보세요. 사이트맵에서 OOO로이동하여동영상을확 10 인해보세요. 필요에따라과업은 10개이상으로선정 77

78 Ⅲ. 부록 1. ios 의접근성 (Accessibility) 의이해 1.1 UI Accessibility Programming Components 다음의 Accessibility 관련 Protocol 들은 Objective-C 와 Swift 를모두지원한다. UIAccessibility Protocol UIAccessibility 로구현된요소들은접근가능한지에대한상태를알려주고사용현황정보를제공한다. 표 준 UIKit 컨트롤과뷰들은기본적으로 UIAccessibility 가구현되어져있다. UIAccessibilityContainer Protocol UIView의서브클래스가그안에있는일부혹은모든객체들을분리된요소로서접근할수있도록해준다. 특히하나의 View안에포함된객체가 UIView의서브클래스가아니어서자동적으로접근할수없는경우에유용하다. UIView의 Subclass들이 VoiceOver와같은보조프로그램들에게적절한접근성정보를제공해주도록하는메소드들을제공한다. UIAccessibilityElement Class UIAccessibilityContainer protocol을통해반환될수있는객체이다. UIView를상속받지않았거나소멸된객체와같이자동적으로접근할수없는아이템을표현하기위한 UIAccessibilityElement 의인스턴스를생성할수있다. 접근성정보를캡슐화한다. UIAccessibilityConstants.h header file 이헤더파일은 accessibility 요소들이보여지는동작이나애플리케이션이열렸음을알려주는상수를정의한다 1.2 Attributes ios 에 UI Accessibility 는다섯가지특성 (Attribute) 을통해설정할수있다. 78

79 Label 짧게해당언어로 Controller나 View 관련정보를제공할수있으나각요소의종류는말해주지않는다. 각요소의이름을말해줄때용이하다. 예 ) 재생, 추가등 Traits키보드나마우스등의하나이상의행위에대한상태, 행위, 사용법등을말해줄수있다. 예 ) Keyboard Key 와 Selected 의조합을말해줄수있다. Hint각요소에따른결과를알려줄때유용하다. 예 ) 쇼핑리스트를보여준다. Frame화면의좌표위치를나타내준다. Value각요소의현재값을말해준다 2. 용어정의 인터페이스빌더 Xcode 내의 Interface Builder 편집기는코드를작성하지않고전체사용자인터페이스를간단하게디자인할수있도록해줍니다. 윈도, 단추, 텍스트필드및기타대상체를디자인캔버스로간단하게드래그앤드롭하여작동하는 Mac, iphone 또는 ipad 사용자인터페이스를만들수있습니다. Cocoa 및 Cocoa Touch가모델-뷰-컨트롤러패턴을사용하여구축되어있어구현과는별도로인터페이스를손쉽게독립적으로디자인할수있습니다. 사용자인터페이스는실제로 Cocoa 또는 Cocoa Touch 대상체 (.nib 파일로저장됨 ) 로아카이브되며 OS X 및 ios에서앱실행시 UI와코드간에연결을동적으로생성합니다. 스토리보드완전한 ios 앱은사용자가탐색하는여러보기로구성됩니다. 이러한보기간의관계는앱의흐름을전체적으로보여주는스토리보드로정의됩니다. Interface Builder의스토리보드디자이너는새로운보기를쉽게생성및설계하고이러한보기를한데연결하여사용자설정코드준비가완료된완전한사용자인터페이스를만들수있도록해줍니다. Xcode에는다음에대한스토리보드컨트롤러가포함되어있습니다. Table View 컨트롤러, Collection View 컨트롤러, 탐색컨트롤러, Tab Bar 컨트롤러, Page View 컨트롤러, GLKit View 컨트롤러또는나만의구성출처 : 79

80 3. 참고자료 TTA 단체표준모바일애플리케이션접근성지침 2.0 한국정보화진흥원 (2015) ( 아이폰 v1) 모바일앱접근성평가매뉴얼한국정보화진흥원 (2011) 2015 모바일애플리케이션전문교육교재조용규 (2015) 모바일앱접근성컨설턴트실무교육교재 (ios) 조용규 (2015) Apple Accessibility for Developers ( bility/) Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile W3C ( ) 80

슬라이드 1

슬라이드 1 모바일애플리케이션 접근성지침소개 2013 1. 들어가기 모바일접근성에대한관심을갖게된계기 시각장애인들도터치방식의스마트폰을이용할수있는가??? 2 1. 들어가기 모바일접근성에혜택 3 1. 들어가기 TTS(Text To Speech) 시각장애인들을위한음성합성기술 < VoiceOver > < Talkback > 4 1. 들어가기 영상통화 청각장애인들에게소통의폭을넓히다