Korea Communications Standard 방송통신표준 개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility Guidelines 2.1 미래창조과학부국립전파연구원

개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility Guidelines 2.1 미래창조과학부국립전파연구원 본문서에대한저작권은미래창조과학부국립전파연구원에있으며, 미래창조과학부국립전파연구원과사전협의없이이문서의전체또는일부를상업적목적으로복제또는배포해서는안됩니다. Copyrightc Ministry of Science, ICT and Future Planning, National Radio Research Agency 2015, All Rights Reserved.

서문 1. 표준의목적 본표준에서는장애인이비장애인과동등하게웹콘텐츠에접근할수있도록웹콘텐츠를제작하는방법에관하여기술하고있다. 본표준에포함된지침들은웹콘텐츠저자, 웹사이트설계자들이관련된지침을준수하여접근성 (accessibility) 을보장하는웹콘텐츠를쉽게만들수있도록도와주기위하여기획되었다. 또한보조기술개발자들이보조기술을설계할때도본표준을참고할수있다. 2. 주요내용요약 한국형웹콘텐츠접근성지침 2.1(Korean Web Content accessibility guidelines 2.1) 은웹콘텐츠의접근성을향상시키기위한기술적규격을포함하고있다. 본표준에포함된지침들에서는시각장애, 저시력장애, 청각장애, 지체장애, 학습장애, 지적장애, 뇌병변장애, 광과민성증후등과같은개별적인장애를가진사용자들이쉽게접근할수있는웹콘텐츠를구축하는데필요한방법을소개하고있다. 그러나중복장애를가지고있는사용자의경우에는본표준에서제시하는방법만으로구현한웹콘텐츠에접근하기어려운경우도발생할수있다. 본표준에서는웹접근성의준수여부를평가할수있는요구조건과지침들을준수하면얻을수있는기대효과를소개하고있다. 그러나지침들을가능한한준수하기위해서특정한기술이사용되어야함을전제하지않았다. 그이유는본표준에포함되는지침들을제정하는시점에서사용되는기술만으로한계를정하기보다는앞으로개발될기술을최대한수용할수있도록하였기때문이다. 이로인하여향후개발될여러가지기술을적용하기위해본표준이전면적으로수정되어야하는일을피할수있다. 표준의체제는원칙 (principle), 지침 (guideline), 검사항목 (requirement) 의 3 단계로구성되었다. 개정된웹접근성표준에서는웹접근성제고를위한 4 가지원칙과각원칙을준수하기위한 13 개지침및해당지침의준수여부를확인하기위해 24 개의검사항목을제시하였다. 3. 표준적용산업분야및산업에미치는영향 본표준은국내웹관련산업및정책전반에영향을미칠것이며, 장애인이비장애인과동등하게인터넷을이용할수있는환경조성에기여할것이다. 또한, 국가정보화기본법, 장애인차별금지및권리구제등에관한법률 에의거의무화된웹접근성부문의표준으로활용될수있다. i

4. 참조표준 ( 권고 ) 4.1. 국외표준 ( 권고 ) - W3C Recommendation, Web Content Accessibility Guidelines 2.0, 2008.12. 4.2. 국내표준 해당사항없음. 5. 참조표준 ( 권고 ) 과의비교 5.1. 참조표준 ( 권고 ) 과의관련성 본표준은 W3C가장애인등이웹사이트에접근하는것을보장하기위한목적으로개발한 ' 웹콘텐츠접근성지침 2.0' 을참고하여개발되었다. W3C의웹접근성표준은 1999년 5월에제정되었으며, 2008년 12월에개정된바있다. 본표준은 W3C 웹콘텐츠접근성가이드라인 2.0(2008.12.) 의 12 개지침과이의준수를위한성공기준의중요도 A 항목을중심으로국내여건을고려하여개발하였다. 아울러이번개정본에서는터치스크린기반의기기가보편화됨에따라모바일웹의장애인접근성을보장하기위한검사항목을추가하였다. ii

5.2. 참조한표준 ( 권고 ) 과본표준의비교표 W3C WCAG 2.0 비고 1. 개요 - 추가 2. 표준의구성및범위 - 추가 3. 용어의정의 - 추가 4. 웹접근성을고려한콘텐츠제작방법 - 추가 5. 인식의용이성 5.1. 대체텍스트 5.1.1. 적절한대체텍스트제공 1.1.1 Non-text Content 5.2. 멀티미디어대체수단 1.2.1 Audio-only and 5.2.1. 자막제공 Video-only(Prerecorded) 부분 1.2.2 Captions(Prerecorded) 참조 1.2.3 Audio Description or Media Alternative 5.3. 명료성 5.3.1. 색에무관한콘텐츠인식 1.3.1 Info and relationships 부분 1.4.1 Use of Color 참조 5.3.2. 명확한지시사항제공 1.3.3 Sensory Characteristics 5.3.3. 텍스트콘텐츠의명도대비 1.4.3 Contrast( 중요도 AA 항목 ) 5.3.4. 자동재생금지 1.4.2 Audio Control 5.3.5. 콘텐츠간의구분 1.4.8 Visual Presentation( 중요도 AAA항목 ) 6. 운용의용이성 6.1. 입력장치접근성 6.1.1. 키보드사용보장 2.1.1 Keyboard 6.1.2. 초점이동 2.1.2 No Keyboard Trap 2.4.2 Focus Order 6.1.3. 조작가능추가 6.2. 충분한시간제공 6.2.1. 응답시간조절 2.2.1 Timing Adjustable 6.2.2. 정지기능제공 2.2.2 Pause, Stop, Hide 6.3.1. 깜빡임과번쩍임사용제한 2.3.1 Three Flashes or Below Threshold iii

W3C WCAG 2.0 비고 6.4. 쉬운내비게이션 6.4.1. 반복영역건너뛰기 2.4.1 Bypass Blocks 6.4.2. 제목제공 2.4.2 Page Titled 6.4.3. 적절한링크텍스트 2.4.4 Link Purpose 7. 이해의용이성 7.1. 가독성 7.1.1. 기본언어표시 3.1.1 Language of Page 7.2. 예측가능성 7.2.1. 사용자요구에따른실행 7.3. 콘텐츠의논리성 3.2.1 On Focus 3.2.2 On Input 7.3.1. 콘텐츠의선형구조 1.3.2 Meaningful Sequence 7.3.2. 표의구성 1.3.1 Info and Relationships 7.4. 입력의도움 7.4.1. 레이블제공 3.3.2 Labels or Instructions 7.4.2. 오류정정 3.3.1 Error Identification 8. 견고성 8.1. 문법준수 8.1.1. 마크업오류방지 4.1.1 Parsing 8.2.1. 웹애플리케이션접근성준수 4.1.2 Name, Role, Value 부록 Ⅰ. 관련문헌 추가 iv

6. 지식재산권관련사항 본표준의 지적재산권취급확약서 제출현황은국립전파연구원웹사이트에서확인할수있다. 본표준을이용하는자는이용함에있어지식재산권이포함되어있을수있으므로확인후이용한다. 본표준과관련하여접수된확약서이외에도지식재산권이존재할수있다. 7. 시험인증관련사항 7.1. 시험인증대상여부 해당사항없음. 7.2. 시험표준제정현황 해당사항없음. 8. 표준의이력정보 8.1. 표준의이력 판수제 개정일제 개정내역 제 1 판 2005.12.21. 제 2 판 2010.12.31. 제 3 판 2015.xx.xx. 제정 KCS.OT-10.0003 개정 KCS.OT-10.0003/R1 개정 8.2. 주요개정사항 KCS.OT-10.0003/R1 비고 5.1. 대체텍스트 1.1. 대체텍스트 수정 5.2. 멀티미디어대체수단 1.2. 멀티미디어대체수단 동일 5.3. 명료성 1.3. 명료성 수정 6.1. 입력장치접근성 2.1. 키보드접근성 수정 v

KCS.OT-10.0003/R1 비고 6.2. 충분한시간제공 2.2. 충분한시간제공 동일 6.3. 광과민성발작예방 2.3. 광과민성발작예방 동일 6.4. 쉬운내비게이션 2.4. 쉬운내비게이션 수정 7.1. 가독성 3.1. 가독성 동일 7.2. 예측가능성 3.2. 예측가능성 수정 7.3. 콘텐츠의논리성 3.3. 콘텐츠의논리성 수정 7.4. 입력도움 3.4. 입력도움 동일 8.1. 문법준수 4.1. 문법준수 동일 8.2. 웹애플리케이션접근성 4.2. 웹애플리케이션접근성 수정 vi

Preface 1. Purpose of Standard This standard describes the methods of developing web content that can be accessed by the disabled and elderly. This document helps web content developers, designers and content providers make web content accessible. Also, this standard is applicable to design an assistive technology by AT Developers. 2. Summary of Contents Korean Web Content Accessibility Guidelines 2.1 contains technical specification to make a website so that people with disabilities can use internet appropriately. This standard also introduces requirements in compliance with accessibility as a measure and expected effect brought by following the standard. However, guidelines in this standard don't premise specific technologies as possible. The reason for this is to accomodate new technology without limiting to current technologies. Therefore, total revision of the standard by emerging new technologies of the future is avoidable. Structure of the standard composes of three steps; principles, guidelines and requirements. The revised standard describes 4 principles to improve web accessibility, 13 guidelines to fulfill the principles and 24 test criteria to determine whether the guidelines were complied. 3. Applicable Fields of Industry and its Effect This standard will influence on domestic web-related industry and policies in general, and contribute to development of environment under which all the disabled and non-disabled equally use internet. Also, it will be utilized as a standard for web accessibility which is mandated by Framework Act on National Informatization and Anti-Discrimination against and Remedies for Persons with Disabilities Act 4. Reference Standards(Recommendations) 4.1. International Standards(Recommendations) - W3C Recommendation, Web Content Accessibility Guidelines 2.0, Dec. 2008 vii

4.2. Domestic Standards None 5. Comparison between Reference Standards(Recommendations) and this Standard 5.1. Relevance of this standard with Reference Standards(Recommendations) This standard has been developed to use WCAG 2.0(Web Content Accessibility Guideline 2.0). Web Accessibility standard of W3C(World Wide Web Consortium) was enacted on May 1995 and amended on December 2008. This standard has been developed considering domestic condition in addition to 12 guidelines and its success criteria level A of WCAG 2.0. Furthermore, this revision includes requirements in order to comply with mobile web accessibility, since touch screen based mobile devices have been widely used. 5.2. A Comparative Table of Reference Standard(Recommendation) and this Standard W3C WCAG 2.0 Remark 1. Introduction - Added 2. Constitution and Scope - Added 3. Terms and Definitions - Added 4. Web Content Accessibility Guidelines - Added 5. Principle I. Perceivable Modified 5.1. Alternative Text Modified 5.1.1. Proper Text Alternative 1.1.1 Non-text Content Modified 5.2. Multimedia Modified 5.2.1. Captions 1.2.1 Audio-only and Video-only(Prerecorded) 1.2.2 Captions(Prerecorded) 1.2.3 Audio Description or Media Alternative Modified 5.3. Clarity Modified 5.3.1. Content Perception without Colors 1.3.1 Info and relationships 1.4.1 Use of Color Modified 5.3.2. Clarified Instructions 1.3.3 Sensory Characteristics Modified 5.3.3. Text Content Contrast 1.4.3 Contrast(level AA conformance) Modified 5.3.4. No Background Audio 1.4.2 Audio Control Modified 5.3.5. Adjacent Content should be Distinguishable. 1.4.8 Visual Presentation(level AAA conformance) Modified viii

W3C WCAG 2.0 Remark 6. Principle Ⅱ. Operable Modified 6.1. Keyboard Access Modified 6.1.1. Keyboard Operation 2.1.1 Keyboard Modified 6.1.2. Focus Order 6.1.3. User Input and Control should be Controllable. 2.1.2 No Keyboard Trap 2.4.2 Focus Order Modified Added 6.2. Enough Time Modified 6.2.1. Time Adjustable 2.2.1 Timing Adjustable Modified 6.2.2. Pause Control 2.2.2 Pause, Stop, Hide Modified 6.3. Seizures Modified 6.3.1. Avoiding Flashes And Blinks 2.3.1 Three Flashes or Below Threshold Modified 6.4. Easy Navigation Modified 6.4.1. Bypass Blocks 2.4.1 Bypass Blocks Modified 6.4.2. Page Titled 2.4.2 Page Titled Modified 6.4.3. Proper Link Text 2.4.4 Link Purpose Modified 7. Principle Ⅲ. Understandable Modified 7.1. Readable Modified 7.1.1. Language of Page 3.1.1 Language of Page Modified 7.2. Predictable Modified 7.2.1. User Response 3.2.1 On Focus 3.2.2 On Input Modified 7.3. Logical Order Modified 7.3.1. Content Sequence 1.3.2 Meaningful Sequence Modified ix

W3C WCAG 2.0 Remark 7.3.2. Tables 1.3.1 Info and Relationships Modified 7.4. Input Assistance Modified 7.4.1. Labels 3.3.2 Labels or Instructions Modified 7.4.2. Error Correction 3.3.1 Error Identification Modified 8. Principle Ⅳ. Robust Modified 8.1. Markup Modified 8.1.1. Markup Correctness 4.1.1 Parsing Modified 8.2. Web Application Accessibility Modified 8.2.1. Accessible Web Applications 4.1.2 Name, Role, Value Modified Appendix Ⅰ. Related Documents Added 6. Statement of Intellectual Property Rights Written Confirmation of Intellectual Property Rights for this standard can be referenced to the website of the National Radio Research Agency. Those using this standard must confirm that whether intellectual property rights are included in this standard. Other intellectual property rights may exist in relation to written confirmation received for this standard. 7. Statement of Testing and Certification 7.1. Object of Testing and Certification None 7.2. Standards of Testing and Certification None x

8. Detailed History of Standard 8.1. History of Standard Edition Issued date History The 1st edition 2005.12.21. The 2nd edition 2010.12.31. The 3rd edition 2015.xx.xx. Established KCS.OT-10.0003 Revised KCS.OT-10.0003/R1 Revised 8.2. Revision Related Details KCS.OT-10.0003/R1 Remarks 5.1. Alternative Text 1.1. Alternative Text Modified 5.2. Multimedia 1.2. Multimedia Equal 5.3. Clarity 1.3. Clarity Modified 6.1. Input Devices Access 2.1. Keyboard Access Equal 6.2. Enough Time 2.2. Enough Time Equal 6.3. Seizures 2.3. Seizures Equal 6.4. Easy Navigation 2.4. Easy Navigation Modified 7.1. Readable 3.1. Readable Equal 7.2. Predictable 3.2. Predictable Modified 7.3. Logical Order 3.3. Logical Order Modified 7.4. Input Assistance 3.4. Input Assistance Equal 8.1. Markup 4.1. Markup Equal 8.2. Web Application Accessibility 4.2. Web Application Accessibility Modified xi

목 차 1. 개요 1 2. 표준의구성및범위 2 3. 용어정의 2 4. 웹접근성을고려한콘텐츠제작방법 8 5. 인식의용이성 8 5.1. 대체텍스트 9 5.2. 멀티미디어대체수단 10 5.3. 명료성 11 6. 운용의용이성 14 6.1. 입력장치접근성 15 6.2. 충분한시간제공 17 6.3. 광과민성발작예방 19 6.4. 쉬운내비게이션 19 7. 이해의용이성 23 7.1. 가독성 23 7.2. 예측가능성 24 7.3. 콘텐츠의논리성 25 7.4. 입력도움 26 8. 견고성 27 8.1. 문법준수 28 8.2. 웹애플리케이션접근성 29 부록 I. 관련문헌 30 xii

Contents 1. Introduction 1 2. Constitution and Scope 1 3. Terms and Definitions 2 4. Guidelines for Creating Accessible Web Content 8 5. Perceivable 8 5.1. Alternative Text 9 5.2. Multimedia 10 5.3. Clarity 11 6. Operable 14 6.1. Input Devices Access 15 6.2. Enough Time 17 6.3. Seizures 19 6.4. Easy Navigation 19 7. Understandable 23 7.1.Readable 23 7.2. Predictable 24 7.3. Logical Order 25 7.4. Input Assistance 26 8. Robust 27 8.1. Markup 28 8.2. Web Application Accessibility 29 Appendix I. Related Documents 30 xiii

한국형웹콘텐츠접근성지침 2.1 (Korean Web Content Accessibility Guidelines 2.1) 1. 개요 본표준은장애인이나노인과같은사람들이비장애인, 젊은이와동등하게웹에접근할 수있기위해웹콘텐츠를제작할때준수해야하는여러가지지침들을기술하고있다. 본표준에서제시한지침들에따라웹콘텐츠를제작하면보조기술을사용하는장애 인등도해당콘텐츠에충분히접근할수있을것이다. 웹문서를설계함에있어고려해 야하는웹사이트이용자유형은다음과같다. - 시각을통해정보를인지할수없는시각장애가있는경우 - 청각을통해음향정보를인지하지못하는청각장애가있는경우 - 신경계의마비, 근골격계의마비또는선천성기형등으로신체의움직임에제한이있는지체장애가있는경우 - 읽기나문장이해력이떨어지는언어장애가있는경우 - 키보드나마우스를사용할수없는장애가있는경우 - 시각, 청각또는손을사용하고있어필요로하는일을할수없는경우 : 운전중이거나소음이많은곳에서일하는경우등장애라기보다는웹사용자가처한환경에따라제한받는경우 본표준에서는지침을준수하는방법과지침을준수하는경우장애인의접근성향상에도움이되는점을소개하고있다. 그러나본표준에서는웹브라우저의종류, 컴퓨터의종류, 운영체제의종류등은고려하지않았다. 그이유는본표준에서제시하는기술은현시점의기술뿐아니라향후개발될기술까지도최대한수용하여기술발전에따라표준의내용이빈번하게수정또는개정되는일을피할수있기때문이다. 2. 표준의구성및범위 본표준은웹사이트운영자, 정책입안자, 교사, 학생, 콘텐츠제작자, 보조기술개발자, 프로그램개발자를포함하는기관과개인이신체적인제약이나환경적제약에구애받지않고이용자가웹사이트에접근할수있는콘텐츠를제작할수있도록돕는데그목적이있다. 다양한수요자의요구를만족시키기위해, 본표준은원칙 (principle), 지침 (guideline), 검사항목 (requirement) 3 개의구조로구성되었다. 1

3. 용어정의 건너뛰기링크고대비모드 (high contrast) 공백문자 (blank text) 반복영역의순차적인내비게이션을생략하고웹페이지의핵심영역으로이동할수있는수단 ( 버튼, 텍스트링크등 ) 을의미한다. 고대비모드란전경과배경간의명도대비를강조하여표시하는것으로, 해당항목을보다뚜렷하게식별할수있도록도와준다. 또한검정색배경에하얀색으로텍스트를표시하는경우와같이명도대비또는색대비가큰차이가나도록조정하여화면에표시하는방식을경조 ( 硬調 ) 모드라고하며, 최신운영체제에서는기본적으로이기능을지원하고있다. 아무런정보도가지고있지않은문자열을의미한다. HTML(Hyper Text Markup Language) 등의문법에서공백문자는 을나타낸다. 공백문자를화면낭독프로그램 (screen reader) 을사용하여읽으면아무런소리도나지않는다. 광과민성증후빛의깜빡거림에의해발작을일으키는증상을말한다. 주로초당 3 회 ~50 회주기의번쩍거림이광과민성발작을일으키는원인이되며, 초당 20 회부근의번쩍거림이발작을가장잘일으키는주파수로알려져있다. 대체수단멀티미디어콘텐츠에포함된음성 ( 대화 ) 을대체하기위한콘텐츠로, 자막, 구술된내용을글로옮긴대본 (transcript), 수화 (sign language) 등이그것이다. 여기서자막과대본은텍스트콘텐츠이며, 수화는미디어형식의대체콘텐츠이다. 대체콘텐츠 (alternative content) 대체텍스트 (alternative text) 드롭다운메뉴 (drop-down menu) 텍스트콘텐츠를오디오, 비디오또는오디오-비디오형식으로변환하여제공하는미디어콘텐츠를말한다. 예를들어, 어떤텍스트를수화로번역하여제공하는비디오파일은대체콘텐츠라고할수있다. 텍스트아닌콘텐츠를대신하기위해제공되는등가의텍스트를의미한다. 동영상의경우에는 6.2 절멀티미디어대체수단에서제시하는대체수단을제공한다. 여러개의항목을포함하고있는목록에서하나의항목만보이다가사용자가메뉴확장버튼을활성화시키면나머지목록의전부또는일부가아래로펼쳐져나타나는방식의사용자입력컨트롤을의미한다. 콤보상자 (combo box) 라고도한다. 2

레이블모든사용자입력 ( 예 : 텍스트입력상자, 라디오버튼, 체크상자, 드롭다운메뉴등 ) 의용도또는역할에대한설명을레이블이라한 다. 레이어팝업콘텐츠 (layer popup content) 마우스오버 (mouse-over) 마우스클릭마크업언어 (markup language) 멀티미디어 (multimedia) 팝업창차단기능이있는브라우저에서시각적으로팝업창과같은효과를내도록구현한콘텐츠를말한다. 레이어팝업콘텐츠는같은페이지의일부영역을가리고그위에표시되므로그뒤의콘텐츠를보기위해서는반드시레이어팝업을화면에서사라지도록해야한다. 레이어팝업은웹페이지에포함되는콘텐츠이므로 7.1.2 절 ( 초점이동 ) 과 8.3.1 절 ( 콘텐츠의선형구조 ) 을위반하지않도록구현해야한다. 웹페이지안의어떤요소에마우스포인터를올려놓았지만마우스버튼을누르지않은상태를지칭한다. 따라서마우스오버는해당요소를선택만하고활성화하지않은상태를의미한다. 마우스포인터를특정객체나요소를가리킨다음마우스의버튼을누르는행위를뜻한다. 마우스클릭이벤트가발생하면보통은해당객체가활성화되어어떤동작이나기능을실행하며, 종종맥락의변화가일어난다. 마크업언어는텍스트의각부분에의미를나타내는정보를기술할수있도록정의한프로그래밍언어를말한다. HTML, 확장마크업언어 (XML : extensible Markup Language) 등이이에해당한다. 시간의변화에따른정보를제공하기위하여오디오또는비디오콘텐츠를또다른포맷과동기화하여제공하도록만들어진콘텐츠또는콘텐츠재생과정의특정시점에서사용자와의상호작용이필요한매체를말한다. 명도대비색의밝고어두운정도를말한다. 반복영역 (repetitive block) 배경이미지 반복되는영역, 메뉴, 링크모음과같이동일한내용이같은위치에여러웹페이지에걸쳐나타나는영역을의미한다. 글로벌내비게이션 (global navigation) 도반복영역의하나다. 모든페이지에걸쳐존재하는광고영역등도그내용의다름여부와관계없이반복영역으로간주된다. 배경이미지란콘텐츠의배경을장식하기위하여사용되는이미지를의미한다. 따라서배경이미지는제거하더라도콘텐츠의이해와 3

사용에아무런영향을주지않아야한다. 배경이미지를제거하는 경우콘텐츠의이해가불가능하거나사용이어려운콘텐츠는배경 이미지가의미하는정보를보조기술로전달하도록구현해야한다. 배치용테이블 (layout table) 보조기술 (assistive technology) 새창, 팝업창스타일시트 (style sheet) 시간제한이있는콘텐츠온라인서식 (online form) 제목행과제목열이있는데이터용테이블 (data table) 과는달리, 콘텐츠블록을원하는크기와형태로배치하기위하여사용한테이블을말한다. 배치용테이블은제목행, 제목열및표제목이없다. 장애를지닌사용자의요구조건을만족시키는기능을추가하여제공하는하드웨어또는소프트웨어를의미한다. 대표적으로화면낭독프로그램 (screen reader), 화면확대프로그램, 특수키보드등을들수있다. 보조기술은보조공학 ( 기기 ) 또는보조기기라고도한다. 새로운페이지를보여주기위해현재의창이아닌별도의창또는탭으로열리는경우, 이를새창이라고한다. 단, 스크립트언어의고유한기능이나플랫폼에의해생성되는경고 (alert), 확인 (confirm), 입력프롬프트 (prompt) 등의메시지대화상자 (dialog box) 는새창이나팝업창의범주에포함되지않는다. 여기서팝업창은웹페이지가로드될때자동으로열리는새창을의미한다. 문서의표현형태를규정하는일련의명령문을의미한다. 스타일시트는콘텐츠제공자가마련한것, 사용자가마련한것, 웹브라우저에내장된형태등의세가지가있다. 예를들어 W3C의종속형시트 (CSS : Cascading Style Sheets) 레벨 2, 3 등이스타일시트의대표적인표준규격이다. 시간을통제할수없도록구현된콘텐츠를말한다. 시간제한이있는콘텐츠의예는다음과같다. 자동갱신되도록구성된콘텐츠 몇초후에다른페이지로이동하도록구성된콘텐츠 자동적으로스크롤되는콘텐츠 짧은기간동안나타났다일정시간후에자동적으로사라지는대화상자 (dialog box), 팝업창, 레이어팝업등 일정시간동안사용하지않으면웹페이지에대한접근이강제로차단되거나사용할수없게되는콘텐츠온라인서식은사용자의입력을통해값을수정하여전달할수있는여러가지컨트롤 ( 예 : 텍스트입력상자, 드롭다운선택메뉴, 라디오버튼, 누르는버튼등 ) 과그것의레이블로구성된콘텐츠를 4

말한다. 웹애플리케이션위치지정도구 (pointing device) 음성입력장치자막 (captions) 장식을위한글자적절한제목 (appropriate title) 접근성프로그래밍인터페이스 (accessibility programming interface) 웹콘텐츠에포함되어특정한기능을수행하도록구성된소프트웨어의일종으로, 리치인터넷애플리케이션 (RIA : Rich Internet Application) 이라고도한다. 마우스나터치패드및터치스크린과같이컴퓨터화면의특정지점을직접지정할수있는장치를의미한다. 터치스크린을채용한기기에서는끝이뭉툭한손가락으로도컨트롤을선택하거나활성화시킬수있어야하므로조작이가능한크기로컨트롤이제공되어야한다. 음성으로컴퓨터를제어하거나텍스트를입력할수있도록구성된시스템또는이러한시스템을구성하는데사용되는프로그램을의미한다. 영상매체에포함된말, 음향및주변소리등을텍스트로표현한매체를의미한다. 자막은영상매체의진행에따라해당이벤트와동기화되어야한다. 자막은크게폐쇄자막 (closed caption) 과개방자막 (open caption) 으로구분된다. 폐쇄자막은사용자의필요에따라자막을끄거나켤수있는데반해, 개방자막은비디오콘텐츠에캡션정보가함께녹화되어있으므로사용자가임의로자막을끄거나켤수없다. 정보제공이나콘텐츠이용에필요한기능과는무관하게웹페이지의시각적인표현만을위해사용된콘텐츠의글자를말한다. 로고등이이에해당된다. 콘텐츠의내용을쉽게파악할수있도록해당주제나목적을간단명료하게표현한명칭을의미한다. 운영체제또는플랫폼은응용프로그램과보조기술간의정보전달방법에관한프로그램인터페이스 (programming interface) 를제공한다. 예를들어 Windows 환경의 MSAA, UI Automation, IAccessible2, MacOSX 환경의 AXAPI, Gnome 환경의 Gnome Accessibility Toolkit API, Java 플랫폼의 Java Access API 등이그것이다. 웹애플리케이션을접근성프로그래밍인터페이스를이용하여구현하면보조기술과호환성이유지된다. 5

초점 (focus) 콘텐츠블록 (content block) 콘텐츠의선형구조키보드 (keyboard) 텍스트아닌콘텐츠 (non-text content) 웹페이지안에서프로그램에의해또는사용자의행위 ( 예 : 탭 (tab) 키를이용한이동 ) 에의해어떤요소 (element) 가선택되었을경우에초점이그요소에있다고말한다. 또한어떤요소가선택되었다는것은그요소가사용가능상태임을의미한다. 대부분의응용소프트웨어 ( 웹브라우저포함 ) 에서초점을받은요소는다른요소와구분할수있게밑줄을보이게하거나, 테두리를씌우거나또는색을변경하는등시각적으로구별할수있는기능을제공한다. 특정내용에관해설명하거나기술하고있는정보의묶음또는영역을의미하며, 일반적으로하나의주제를설명또는기술하고있는장 (chapter) 이나절 (section) 등을들수있다. 웹페이지의모든콘텐츠는시각적인 2 차원공간의상하좌우로배치되어있어서원하는곳을바로찾아가거나그기능을바로선택하여실행할수있다. 그러나화면낭독프로그램사용자는모든콘텐츠를순차적으로접근할수있기때문에시각적인배치가아닌읽어주는순서가중요하다. 여기서콘텐츠가보조기술로제공되는순서를콘텐츠의선형구조라고하며이구조는논리적이어야한다. 마크업언어로제작된콘텐츠의선형구조는스타일시트와테이블구조들을제거하면얻을수있다. 사용자가텍스트를입력하기위하여사용하는입력장치를의미한다. 여기에는키보드의자판입력을해독하기위하여사용되는소프트웨어도포함된다. 예를들어, 키보드의형태를가지지않았지만기능적으로키보드를대신하는입력장치 ( 예 : 노트북및개인휴대정보단말기 (PDA : Personal Digital Assistant) 등의터치패드, 음성입력장치등 ) 등도키보드로간주한다. 위치지정도구와화면키보드프로그램을조합한가상키보드입력장치와스마트폰과태블릿기기의키보드입력프로그램도키보드의일종으로간주한다. 그림, 이미지등으로제작된텍스트, 애니메이션, 아스키 (ASCII) 그림문자, 불릿 (bullet) 이미지, 그래픽버튼, 이모티콘, 릿스피크 (leetspeak) 등과같이표준문자 ( 부호 ) 체계가아닌시각적또는청각적정보가포함된콘텐츠를의미한다. 한글부호의경우, 유니코드, 조합형또는완성형부호체계를사용하여작성된텍스트이외의모든경우를포함한다. 6

풀다운메뉴 (pull-down menu) 플러그인 (plug-in) 메뉴바 (menu bar) 에서특정항목을선택 ( 마우스오버, 키보드를이용한초점 ) 하거나, 활성화 ( 마우스클릭또는엔터키의누름등 ) 되면선택한메뉴항목의아래쪽으로하위메뉴항목들이펼쳐져나타나는방식의메뉴를말한다. 어떤응용프로그램에추가되어특정한기능을수행하도록구현한프로그램모듈로, 웹브라우저에서사용되는플래시플레이어 (Flash Player), 실버라이트플레이어 (Microsoft Silverlight Player), 검색기 (search engine) 및자바플러그인 (Java plug-in) 등이이에해당한다. 핵심영역웹페이지의핵심이되는주제또는콘텐츠를담고있는영역으로, 웹페이지별로사용자에게전달하고싶은핵심주제를담고있는콘텐츠가위치한영역을의미한다. 예를들어뉴스포털의경우에헤드라인뉴스가위치한곳을핵심영역이라고할수있다. 7

4. 웹접근성을고려한콘텐츠제작방법 본표준은원칙, 지침, 검사항목의 3 단계로구성되어있다. 본지침을준수할경우, 비장애인, 노인등이장애인, 젊은이등과동등하게웹사이트에서제공하는콘텐츠를인식하고, 이를운영하고이해할수있게되는것이다. 물론본지침을모두준수한경우에도학력, 장애유형과정도 ( 장애의중복또는장애의경중등 ), 컴퓨터및인터넷사용경험, 보조기술이용능력등에따라웹콘텐츠에대한접근이불가능한경우가발생할수도있다. 그렇기때문에장애인및노인등을대상으로하는정보화교육이필요하며, 장애인에게는맞춤형보조기술을제공할필요가있다. 다만, 본표준을준수하여웹콘텐츠를제작하는경우에는단일장애를지닌사용자에게필요한대부분의웹접근성과관련된문제를해결할수있을것이다. 표 4.1 한국형웹콘텐츠접근성지침 2.1 개요 원칙지침검사항목 4 개 13 개 24 개 5. 인식의용이성 (perceivable) 인식의용이성은사용자가장애유무등에관계없이웹사이트에서제공하는모든콘 텐츠를동등하게인식할수있도록제공하는것을의미한다. 인식의용이성은대체텍스 트, 멀티미디어대체수단, 명료성의 3 가지지침으로구성되어있다. 표 5.1 인식의용이성관련지침및검사항목 지침 (3 개 ) 검사항목 (7 개 ) 5.1. 대체텍스트 5.2. 멀티미디어대체수단 5.1.1. ( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의미나용도를인식할수있도록대체텍스트를제공해야한다. 5.2.1. ( 자막제공 ) 멀티미디어콘텐츠에는자막, 대본또는수화를제공해야한다. 5.3.1. ( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다. 5.3.2. ( 명확한지시사항제공 ) 지시사항은모양, 크기, 위치, 방향, 색, 소리등에관계없이인식될수있어야한다. 5.3. 명료성 5.3.3. ( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간의명도대비는 4.5 대 1 이상이어야한다. 5.3.4. ( 자동재생금지 ) 자동으로소리가재생되지않아야한다. 5.3.5. ( 콘텐츠간의구분 ) 이웃한콘텐츠는구별될수있어야한다. 8

5.1. 대체텍스트 5.1.1. ( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의미나용도를인식할수있 도록대체텍스트를제공해야한다. 이미지등텍스트아닌콘텐츠를이용할경우, 그의미나용도를동등하게인식할수 있도록적절한대체텍스트를제공해야한다. 또한대체텍스트는간단명료하게제공해 야한다. (1) 구체적인정보를제공해야하는경우 : 이미지링크, 이미지버튼등은용도가매우 명확하므로이미지링크나이미지버튼의핵심기능에대한설명을간단한대체텍 스트로제공해야한다. (2) 의미있는배경이미지 : 배경이미지의의미가사용자에게전달되어야하는콘텐 츠는그의미가보조기술로전달되도록대체텍스트를제공해야한다. (3) 충분한정보가필요한경우 : 데이터차트와같이내용이복잡한콘텐츠는사용자 가해당콘텐츠의의미를충분히파악할수있도록대체텍스트를제공해야한다. 다음과같은경우에는대체텍스트를제공하지않거나제한적으로제공할수있다. (1) 대체콘텐츠의경우 : 대체콘텐츠에는대체텍스트를반드시제공할필요는없다. 예를들어, 텍스트와함께동등한내용의수화동영상을제공하는경우, 수화동영 상에는대체텍스트를제공할필요가없다. (2) 콘텐츠의내용을설명하는대체텍스트를제공할수없는경우 : 생방송콘텐츠와같이그내용이지속적으로변화하여설명하기어려운경우, 해당콘텐츠에대한간략한용도를알려주는대체텍스트를제공하는것으로충분하다. 또한색맹검사, 청각검사, 시력검사, 받아쓰기등과같은검사또는시험의경우에도콘텐츠의간략한용도를알려주는대체텍스트만으로충분하다. (3) 특정감각으로만제공되는콘텐츠인경우 : 플루트독주나시각적예술작품등의 경우, 해당콘텐츠에대한간략한용도를알려주는대체텍스트만으로충분하다. (4) 불필요한설명을제공하는경우 : 단순히장식이나시각적인형태를위해사용되는 콘텐츠의경우, 보조기술을통해해당설명을제공받을때오히려혼란을일으킬 가능성이있으므로대체텍스트로공백문자를제공해야한다. (5) 동일한정보를중복해서제공하는경우 : 보조기술로동일한정보가반복해서전 9

달되지않도록구현하는것이바람직하다. 검사항목 5.1.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 시각장애또는지적장애등으로인해시각적으로정보를습득하는데어려움을 겪는사용자들이화면낭독프로그램과같은보조기술을사용하여해당콘텐츠를 음성을통해들을수있으므로최소한의접근권을보장받을수있게된다. (2) 사용자들을위해텍스트아닌콘텐츠를텍스트로표시하거나대체텍스트를수화로번역함으로써해당콘텐츠에접근할수있다. 시청각중복장애인들역시텍스트아닌콘텐츠에대응하는대체텍스트를점자로변환하는보조기술을이용하여해당콘텐츠에대한접근권을보장받을수있다. (3) 콘텐츠에적절한대체텍스트를제공한경우시각으로제공받는정보가불충분하여 사용자가콘텐츠의핵심내용을인지할수없거나잘못된정보를제공받음으로써겪 게되는불필요한혼동을줄일수있다. (4) 대체텍스트를제공함으로써텍스트아닌콘텐츠에대한검색이가능하게된다. (5) 의미가있는배경이미지가의미하는대체텍스트를보조기술사용자가인지할수 있어콘텐츠의이해와사용이가능하게된다. 5.2. 멀티미디어대체수단 5.2.1. ( 자막제공 ) 멀티미디어콘텐츠에는자막, 대본또는수화를제공해야한다. 멀티미디어콘텐츠를장애인도비장애인과동등하게인식할수있도록제작하기위해서는자막, 대본또는수화를제공해야한다. 여기서가장중요한요소는멀티미디어콘텐츠와동등한내용을제공하는것이다. 가장바람직한방법은폐쇄자막을오디오와동기화시켜제공하는것이다. 대사없이영상만제공하는경우에는화면해설 ( 텍스트, 오디오, 대본 ) 을제공한다. 음성만제공하는경우에도자막, 대본또는수화를제공해야한다. 자막, 대본및수화는멀티미디어콘텐츠에포함된음성의문맥과동등하여야한다. 대체수단제공 : 다음중한가지이상의대체수단을제공해야한다. (1) 자막제공 : 멀티미디어콘텐츠를재생시킬때마다자동적으로자막을화면에표시할수있는멀티미디어콘텐츠는이검사항목을만족하는것으로간주할수있다. 자막은멀티미디어콘텐츠에포함된음성 ( 대사 ) 과동등하여야한다. 필요에따라자막을여러벌제공하고사용자가사용하는자막을지정할수있다. 10

(2) 대본제공 : 자막과는달리멀티미디어가재생되는과정에서시나리오를제공하는경우도이검사항목을만족하는것으로간주한다. 대본은멀티미디어콘텐츠에포함된음성 ( 대사 ) 과동등하여야한다. 필요에따라대본을여러벌제공하고사용자가사용하는대본을선택할수있다. (3) 수화제공 : 비디오콘텐츠에수화를중첩하여녹화한콘텐츠도이검사항목을만 족하는것으로간주한다. 수화는멀티미디어콘텐츠에포함된음성 ( 대사 ) 과동등하 여야한다. 검사항목 5.2.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 청각장애인은자막을통해음성이나음향정보에접근이가능하게된다. 또한자 막을활용하면해당콘텐츠에대한인덱스를작성하거나내용을검색할때에도유 용하게사용될수있다. 수화를제공하는콘텐츠도청각장애인의접근이용이하다. (2) 장애인이아닌경우에도자막이포함된영상매체를다양한방법으로활용할수있다. 예를들어, 자막은소란한환경이나오디오재생기능이갖추어져있지않은환경에서영상의자세한내용을파악하는데유용하다. 언어별로사용자가자막을선택할수있게하면외국어습득과같이언어능력이나읽기능력을향상시키는데도움이된다. 5.3. 명료성 5.3.1. ( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다. 콘텐츠에서제공하는모든정보는특정한색을구별할수없는사용자, 흑백디스플레이사용자, 흑백인쇄물을보는사용자및고대비모드사용자가인식할수있도록제공해야한다. (1) 색에의한정보표현방지 : 차트나그래프등을고대비모드로화면에표시하면모든색이단색 ( 회색조 ) 으로표시되어사용자가색을구분하지못하는경우가발생한다. 따라서사용자가경조모드에서도콘텐츠를인식할수있도록색을이용하여정보를제공하지않아야한다. 즉, 색은시각적인강조를위해서만사용해야한다. (2) 무늬를이용한정보제공 : 서로다른정보를무늬로구분하여표시하면경조모드사용자, 단색디스플레이사용자, 흑백인쇄물의사용자도충분히정보를구분할수있다. 무늬와색을동시에이용한콘텐츠는색각장애가있는사용자도접근이가능하다. 11

검사항목 5.3.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 색의차이가정보의다름을나타내지않으므로색을인지하는데장애가있는사용 자도혼동을일으킬염려가없게된다. (2) 흑백스크린 ( 구형 PDA 등 ) 또는고대비모드사용자들도콘텐츠의내용이나구조 를손쉽게이해할수있다. 5.3.2. ( 명확한지시사항제공 ) 지시사항은모양, 크기, 위치, 방향, 색, 소리등에관계 없이인식될수있어야한다. 본검사항목은특정요소를가리키거나지시사항을전달하는콘텐츠에한정해적용하는것으로, 콘텐츠의사용에필요한지시사항을시각이나청각등과같은특정한단일감각에만의존하는방법으로제공해서는안된다는것이다. 즉, 여러가지다른감각을통해서도지시사항을인식하는데문제가없도록콘텐츠를제공해야한다. 텍스트콘텐츠 ( 대체텍스트포함 ) 는보조기술을통해다른감각으로의변환이가능하기때문에텍스트지시사항에는추가적인음성콘텐츠를제공할필요는없다. (1) 색, 크기, 모양또는위치와같은정보에대한인식 : 웹콘텐츠는콘텐츠에접근하는사용자들이색, 크기, 모양또는위치에관한정보를인식하지못하더라도원하는콘텐츠에접근할수있도록제작되어야한다. 예를들어, 특정요소를 동그란버튼을누르시오 또는 오른쪽버튼을누르시오 라고가리킬때, 그대상이되는버튼이 동그란버튼 또는 오른쪽버튼 이라는대체텍스트를포함하고있지않을경우시각장애를지닌사용자는어떤요소를지칭하는지알수없다. 따라서이러한경우, 가리키고자하는요소의실제명칭이나그요소가포함하고있는대체텍스트를사용해지칭하거나, 불가피하게색, 크기, 모양, 위치와같은정보를사용해특정요소를가리킬때는이를보완할수있는다른감각을이용하는정보를제공해야한다. (2) 음성이나음향정보의인식 : 사용자에게음성이나음향을사용해지시사항을전달하는경우사용자가소리를들을수없더라도전달하고자하는지시사항을인식할수있어야한다. 예를들어, 온라인시험진행중사용자에게비프음으로정답인지오답인지를사용자에게알려주면, 청각장애사용자나스피커가설치되어있지않은환경에있는사용자는정답과오답여부를확인할수없다. 이경우에비프음과함께정답과오답여부를시각적으로확인할수있는수단을제공하면더많은사용자가지시사항을인지할수있게된다. 검사항목 5.3.2 절을준수함으로써얻을수있는기대효과는다음과같다. 12

(1) 시각장애인은콘텐츠의모양이나위치에의한정보를이해할수없기때문에추가 적인정보를제공하는경우콘텐츠를이용할수있게된다. 5.3.3. ( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간의명도대비는 4.5 대 1 이상이어야한다. 웹페이지에서보이는텍스트콘텐츠 ( 텍스트및텍스트이미지 ) 와배경간의충분한대비를제공하여, 저시력장애인, 색각장애인, 노인등도콘텐츠를인식할수있도록제공해야한다. 다만, 로고, 장식목적의콘텐츠, 마우스나키보드를활용하여초점을받았을때명도대비가커지는콘텐츠등은예외로한다 ( 검사항목 7.1.2 절참조 ). (1) 콘텐츠의명도대비 : 웹페이지가제공하는텍스트콘텐츠 ( 텍스트및텍스트이미지 ) 와배경간의명도대비는 4.5 대 1 이상이어야한다. (2) 폰트크기에따른명도대비 : 텍스트콘텐츠를구성하고있는텍스트폰트를 18pt 이상또는 14pt 이상의굵은폰트를사용하는경우에는명도대비를 3 대 1 까지낮 출수있다. (3) 화면확대가가능한콘텐츠 : 화면확대가가능하도록구현한텍스트콘텐츠 ( 텍스 트및텍스트이미지 ) 의명도대비는 3 대 1 까지낮출수있다. 5.3.4. ( 자동재생금지 ) 자동으로소리가재생되지않아야한다. 웹페이지에서자동으로소리 ( 동영상, 오디오, 음성, 배경음악등콘텐츠가제공하는모든소리 ) 가재생됨으로인해화면낭독프로그램사용자가콘텐츠를인식하고사용하는데방해받지않아야한다. 단 3 초미만의소리는허용한다. 3 초이상재생되는소리는제어할수있는수단 ( 멈춤, 일시정지, 음량조절등 ) 을함께제공해야한다. 참고로플랫폼은콘텐츠가제공하는배경음의음량을조절하더라도화면낭독프로그램의음량에는영향을주지않아야한다. (1) 자동재생음을허용하는경우 : 자동으로재생되는소리는 3 초내에멈추거나, 지 정된키 ( 예 : esc 키 ) 를누르면재생을멈추도록구현한다. (2) 사용자요구에의한재생 : 콘텐츠에포함된멀티미디어파일은정지상태로제공 하며사용자가요구할경우에만재생할수있도록제어판 ( 멈춤, 일시정지, 음량조 절등 ) 을제공한다. 검사항목 5.3.4 절을준수함으로써얻을수있는기대효과는다음과같다. 13

(1) 멀티미디어콘텐츠가자동적으로실행되어시각장애인이사용하고있는화면낭독프로그램이읽어주는소리를방해한다면큰혼란을야기할수있다. 따라서 3 초이후에는이들멀티미디어콘텐츠가자동적으로만들어내는소리가멈추어야시각장애인이이페이지를사용할수있다. 5.3.5. ( 콘텐츠간의구분 ) 이웃한콘텐츠는구별될수있어야한다. 웹페이지를구성하는이웃한콘텐츠는시각적으로구분되도록제공해야한다. 모든이웃한콘텐츠는시각적으로구분될수있도록구현해야한다. 이웃한콘텐츠를 시각적으로구분하기위한예는다음과같다. (1) 테두리를이용하여구분함 (2) 콘텐츠사이에시각적인구분선을삽입하여구분함 (3) 서로다른무늬를이용하여구분함 (4) 콘텐츠배경색간의명도대비 ( 채도 ) 를달리하여구분함 (5) 줄간격및글자간격을조절하여구분함 (6) 기타콘텐츠를시각적으로구분할수있는방법등 검사항목 5.3.5 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 이웃한콘텐츠간에간격을두면손가락으로이용할수있는터치스크린을채용한 기기에서도콘텐츠의식별과조작이가능하게된다. 6. 운용의용이성 (operable) 운용의용이성은사용자가장애유무등에관계없이웹사이트에서제공하는모든기 능들을운용할수있도록제공하는것을의미한다. 운용의용이성은입력장치접근성, 충 분한시간제공, 광과민성발작예방, 쉬운내비게이션의 4 가지지침으로구성되어있다. 14

표 6.1 운용의용이성관련지침및검사항목 지침 (4 개 ) 검사항목 (9 개 ) 6.1.1. ( 키보드사용보장 ) 모든기능은키보드만으로도사용할수있어야한다. 6.1. 입력장치접근성 6.2. 충분한시간제공 6.3. 광과민성발작예방 6.1.2. ( 초점이동 ) 키보드에의한초점은논리적으로이동해야하며시각적으로구별할수있어야한다. 6.1.3. ( 조작가능 ) 사용자입력및컨트롤은조작가능하도록제공되어야한다. 6.2.1. ( 응답시간조절 ) 시간제한이있는콘텐츠는응답시간을조절할수있어야한다. 6.2.2. ( 정지기능제공 ) 자동으로변경되는콘텐츠는움직임을제어할수있어야한다. 6.3.1. ( 깜빡임과번쩍임사용제한 ) 초당 3~50 회주기로깜빡이거나번쩍이는콘텐츠를제공하지않아야한다. 6.4.1. ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. 6.4. 쉬운내비게이션 6.4.2. ( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제목을제공해야한다. 6.4.3. ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해할수있도록제공해야한다. 6.1. 입력장치접근성 6.1.1. ( 키보드사용보장 ) 모든기능은키보드만으로도사용할수있어야한다. 웹페이지에서제공하는모든기능을키보드만으로도사용할수있도록제공해야한다. 다만, 사용자의반응속도나지속성이중요한요소인붓질, 헬리콥터나비행기등의훈련에사용되는시뮬레이션콘텐츠등과시각적인방법으로만접근이가능한지리정보콘텐츠, 가상현실콘텐츠등은이검사항목의예외로할수있다. (1) 키보드인터페이스와기능 : 콘텐츠의모든기능은키보드로사용이가능하여야한다. 이경우, 해당기능을사용하는데필요한키보드의조작횟수의많고적음은고려대상이아니다. (2) 예외콘텐츠 : 위치지정도구의커서궤적이중요한역할을하는콘텐츠 ( 붓질기능이필요한콘텐츠, 시뮬레이션콘텐츠, 지리정보응용콘텐츠, 가상현실콘텐츠등 ), 움직임측정센서를이용하는콘텐츠는이검사항목의예외콘텐츠로간주한다. 그러나예외콘텐츠의경우에도위치지정도구나움직임측정센서를이용하는기능을제외한나머지사용자인터페이스는키보드만으로사용할수있어야한 15

다. 검사항목 6.1.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 위치지정도구를사용할수없는시각장애인의경우, 키보드만으로도웹콘텐츠 나웹사이트가제공하는모든기능을사용할수있다. 6.1.2. ( 초점이동 ) 키보드에의한초점은논리적으로이동해야하며, 시각적으로구별할 수있어야한다. 웹페이지에서제공하는모든기능을키보드만으로사용하는경우에도사용자입력간 의초점이동은적절한순서를따라야하며, 이과정에서콘텐츠는조작이불가능한상 태가되거나갑작스러운페이지의전환등이일어나지않아야한다. 또한초점을받은콘텐츠는저시력장애인과지체장애인들이인지할수있도록시각적으로구별되어야한다. (1) 초점이동순서유지 : 사용자가키보드를이용하여초점을이동하는경우이동순서가관례를벗어나면사용자에게혼란을주기때문에초점이동순서는사용자가예측하는이동순서와일치하여야한다. 바람직한방법은기존의관례를따르도록콘텐츠를제공하는것이다. 관례와달리초점이동순서를결정해야하는경우에는사용자입력간의이동순서가논리적이되도록구현해야한다. 예를들어, 사용자아이디, 비밀번호를입력하는입력창과로그인버튼간의초점이동순서는사용자아이디, 비밀번호, 로그인버튼의순서이어야한다. (2) 함정또는오류방지 : 웹콘텐츠는더이상키보드조작이불가능한상태가되어 다음사용자입력또는컨트롤등으로초점을이동할수없거나이전페이지로초 점을이동할수없는상태가되지않도록구현하여야한다. (3) 초점의시각화 : 사용자입력등이위치지정도구 ( 마우스 ) 나키보드조작을통해초점을받았을때, 해당컨트롤이초점을받았음을시각적으로구별할수있음을의미한다. 대표적인예로키보드조작을통해버튼이초점을받았을때이버튼의주위에점선의테두리가표시되는것을들수있다. 위치지정도구에의한초점과키보드에의한초점의표시방법이다른것도허용한다. 검사항목 6.1.2 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 화면낭독프로그램을이용하는사용자의경우, 사용자입력주변의상하좌우에위 치한콘텐츠에대한정보를알수없다. 따라서웹콘텐츠를사용하는과정에서키 16

보드조작에의한사용자입력간의이동순서는관례를따라야한다. 그렇지않으 면사용자입력의조작과정에서혼란을주게된다. (2) 마우스나키보드조작을통해특정영역으로컨트롤을이동하였을경우에해당영역이초점을받았음을시각적으로알려준다면저시력장애인, 노인, 지체장애인뿐만아니라비장애인들도어느컨트롤이선택되었고활성화시킬수있는지쉽게인지할수있다. 6.1.3. ( 조작가능 ) 사용자입력및컨트롤은조작가능하도록제공되어야한다. 웹페이지에서제공하는모든이웃한컨트롤은개별적으로선택하고사용할수있도록 충분한크기로제공해야한다. (1) 컨트롤의크기 : 콘텐츠에포함된모든컨트롤은대각선방향의길이를 6.0 mm 이 상으로제공하는것이바람직하다. (2) 링크, 사용자입력, 기타컨트롤등의안쪽여백 : 링크, 사용자입력및기타컨트 롤은테두리안쪽으로 1 픽셀이상의여백을두고이곳에서는위치지정도구의조 작에반응하지않도록구현하는것이바람직하다. 검사항목 6.1.3 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 컨트롤을크게구현하면터치스크린을채용한기기를이용하는손떨림이있는사 용자와시각장애인도컨트롤을용이하게찾아서조작할수있다. 6.2. 충분한시간제공 6.2.1. ( 응답시간조절 ) 시간제한이있는콘텐츠는응답시간을조절할수있어야한다. 웹콘텐츠제작시시간제한이있는콘텐츠는가급적포함하지않는것이바람직하며, 보안등의사유로시간제한이반드시필요할경우에는이를회피할수있는수단을제공 해야한다. (1) 시간제한콘텐츠사용배제 : 시간제한이있는콘텐츠는제공하지않아야한다. (2) 예외콘텐츠 : 시간제한이있더라도온라인경매, 실시간게임등과같이반응시간의조절이원천적으로허용되지않는경우에는이검사항목이적용되지않는다. 다만, 이경우에도사용자에게시간제한이있다는것을미리알려주고, 종료되었을경우에도이를알려주어야한다. 세션시간이 20 시간이상인콘텐츠의경우에도 17

예외로간주한다. (3) 반응시간조절이필요한콘텐츠 : 반응시간이정해진웹콘텐츠를사용자가이용할수있도록하기위해서는반응시간이완료되기전에사용자가다음중한가지방법을선택하여반응시간을조절할수있는수단을제공해야한다. 또한반응시간조절기능은충분한시간 ( 최소 20 초이상 ) 을두고사전에알려주어야한다. ( 가 ) 시간제한을해제할수있어야한다. ( 나 ) 시간제한을연장할수있어야한다. 검사항목 6.2.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 비장애인보다문서를읽고이해하는데더많은시간이필요한지적장애또는학 습장애가있는사용자도시간제한이있는콘텐츠를시간에관계없이이용할수있 게된다. 6.2.2. ( 정지기능제공 ) 자동으로변경되는콘텐츠는움직임을제어할수있어야한다. 웹콘텐츠는스크롤및자동갱신되는콘텐츠를장애인사용자가이용할수있도록일 시정지할수있는수단을제공해야한다. (1) 이동하거나스크롤되는콘텐츠사용배제 : 스크롤및자동갱신되는콘텐츠를사 용하지않는다. (2) 이동하거나스크롤되는콘텐츠 : 저시력장애인이나지적장애인등은이동하거나스크롤되는콘텐츠를사용하기어려우므로, 웹콘텐츠는사용자가이동이나스크롤을일시정지시키고, 지나간콘텐츠또는앞으로나타날콘텐츠를선택할수있는컨트롤 ( 예 : 앞으로이동 ', 뒤로이동, 정지 등 ) 을제공해야한다. 검사항목 6.2.2 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 배너와같이빠르게변화하는콘텐츠를이용하기어려운지체장애인, 노인, 뇌병 변장애인들도빠르게변화하는콘텐츠를이용할수있다. (2) 스크롤되는뉴스콘텐츠에서이미지나간뉴스를손쉽게확인할수있는기능이제 공되면콘텐츠의사용이편리하게된다. 18

6.3. 광과민성발작예방 6.3.1. ( 깜빡임과번쩍임사용제한 ) 초당 3~50 회주기로깜빡이거나번쩍이는콘텐츠 를제공하지않아야한다. 깜빡이거나 (flashing) 번쩍이는 (blinking) 콘텐츠로인해발작을일으키지않도록초당 3 50 회주기로깜빡이거나번쩍이는콘텐츠를제공하지않아야한다. 10 인치이상의스크린을채용하고있는정보통신기기 ( 태블릿기기, PC 모니터, 무인안내기등 ) 에서는콘텐츠에의한광과민성발작가능성을특히주의해야한다. (1) 번쩍이는 (blinking) 콘텐츠사용금지 : 번쩍임이초당 3~50 회이며, 10 인치이상의 화면에표시된번쩍이는콘텐츠가차지하는면적의합이화면전체면적의 10% 를 넘지않아야한다. (2) 깜빡이는 (flashing) 콘텐츠사용금지 : 초당 3~50 회의속도로깜빡거리게만든 콘텐츠는그깜빡임을정지시킬수있어야한다. (3) 번쩍이는 (blinking) 시간의제한 : 웹페이지에포함되는콘텐츠의번쩍이는시간을 3 초미만으로제한하면지속적인번쩍임으로인한사용자 ( 예 : 광과민성증후환자, 학습장애인, 저시력장애인등 ) 의발작을예방하면서도콘텐츠의중요성을알릴수있다. 검사항목 6.3.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 광과민성증후가있는사용자들은빛이번쩍거리는것에민감하게반응하여발작을 일으킬수있다. 따라서본검사항목을준수한콘텐츠는광과민성증후가있는사 용자도접근가능하다. (2) 주의집중에어려움이있는사람의경우, 지속적으로번쩍거림이있는콘텐츠를집 중하여응시하기가매우어렵다. 따라서본검사항목을만족하는웹콘텐츠는주 의집중에어려움이있는사람도접근이가능하다. 6.4. 쉬운내비게이션 6.4.1. ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. 키보드사용자는페이지가로드된이후모든웹페이지에공통적으로들어있는메뉴및 링크목록등을탭키를이용하여순차적으로내비게이션한후에핵심영역에도달하게 된다. 화면낭독프로그램을이용하는사람들은메뉴등을페이지가로드되거나갱신될 19

때마다모든웹페이지에공통적으로들어있는메뉴등을다시듣게된다. 키보드사용자와화면낭독프로그램사용자가겪게되는이러한불편을방지하기위해, 사용자가메뉴등과같은반복영역을바로건너뛰어핵심영역으로직접이동할수있는수단을제공해야한다. (1) 반복영역을건너뛸수있는수단제공 : 웹페이지가제공하는핵심영역이위치 한곳으로직접이동하는건너뛰기링크를제공한다. 건너뛰기링크는웹페이지의 가장앞에제공한다. (2) 여러개의건너뛰기링크제공 : 여러개의건너뛰기링크를제공하는경우에는핵 심영역으로이동하기위한건너뛰기링크를가장먼저나타내도록한다. (3) 시각적인구현 : 건너뛰기링크는시각장애인뿐아니라지체장애인도키보드조 작횟수를줄일수있게하는효과적인수단이므로메뉴건너뛰기링크는화면에 보이도록구현해야한다. 검사항목 6.4.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 웹페이지의상단이나좌측프레임에동일한링크목록이반복되는영역이포함되어있으면화면낭독프로그램은이링크목록을순서대로읽어준후에야필요한부분을읽어주므로매우불편하다. 마찬가지로키보드사용자들은모든링크목록을순차적으로이동해야만핵심영역으로이동할수있어매우불편하다. 그러나웹페이지의첫부분에핵심영역으로이동할수있는건너뛰기링크를제공하면키보드사용자는몇번의키보드조작을통해서핵심영역으로빠르게이동할수있다. (2) 색인이없는긴문장으로구성된콘텐츠의경우에콘텐츠의특정위치로이동하는것이매우불편하다. 그러나웹페이지의시작부분에색인을제공하면필요한부분으로직접이동할수있어보다쉽고빠르게내비게이션할수있다. 콘텐츠를장, 절, 소절등으로구분하면웹브라우저또는보조기술이제공하는장, 절, 소절간의빠른이동수단을이용할수있게된다. (3) 여러페이지로구성된웹사이트에서사이트맵을제공하면사용자는이를이용하 여필요한정보가위치한페이지로보다쉽고빠르게이동할수있다. 20

6.4.2. ( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제목을제공해야한다. 페이지, 프레임, 콘텐츠블록의제목은사용자가웹콘텐츠를운용하기쉽게도와준다. 제목은간단명료해야하며, 해당페이지, 프레임, 콘텐츠블록을유추할수있도록제공해야한다. (1) 웹페이지제목 (title) 제공 : 모든웹페이지가해당내용을간단명료하게기술한제목을포함하고있을경우여러개의웹페이지가열려있더라도사용자 ( 예 : 시각장애인, 지적장애인, 중증지체장애인등 ) 는제목을통해웹페이지를선택하므로모든웹페이지에는해당페이지를간단명료하게설명한제목을제공해야한다. 또한, 웹페이지제목은유일하고서로다르게제공해야한다. (2) 팝업창제목 (title) 제공 : 팝업창에도제목을제공해야한다. (3) 프레임제목 (title) 제공 : 웹페이지의모든프레임에는각프레임을설명하는간단명료한제목을제공해야한다. 모든프레임에간단명료한제목이부여되면사용자 ( 예 : 시각장애인, 지적장애인, 중증지체장애인등 ) 는프레임제목을통해프레임의선택, 이동등이가능하다. 아무런내용이없는프레임에도 ' 빈프레임 ' 등과같이제목을제공한다. (4) 콘텐츠블록제목구성 : 콘텐츠블록에는적절한제목 (heading) 을제공하면제목 과본문을구분할수있으며, 제목을이용하여콘텐츠블록간의이동이가능하다. 그러나본문이없는콘텐츠블록에는제목을붙이지않는다. (5) 특수기호사용제한 : 웹페이지, 프레임또는콘텐츠블록의제목은문장의하나 로간주하여불필요한특수기호를반복하여사용하지않는다. 검사항목 6.4.2 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 웹사이트가제공하는모든웹페이지에서로다른제목을제공하면동시에여러개의웹페이지가열려있더라도사용자 ( 예 : 시각장애인, 지적장애인, 지체장애인등 ) 는웹페이지의제목을확인하여열려있는웹페이지간을편리하게이동할수있다. 이를위해, 각페이지는해당페이지만의유일하고서로다른 (unique and exclusive) 페이지제목을가져야한다. (2) 웹페이지를구성하는모든프레임에제목을제공하면사용자 ( 예 : 시각장애인, 지적장애인, 중증지체장애인등 ) 는프레임제목을통해프레임간을매우편리하게이동할수있다. 이를위해, 페이지의경우와마찬가지로, 동일한페이지에포함된모든프레임은해당프레임만의유일하고서로다른프레임제목을가져야한다. 21

6.4.3. ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해할수있도록제공해야 한다. 링크는주변맥락을통하여용도나목적지를명확하게이해할수있는링크텍스트를 제공해야한다. (1) 맥락을통해이해할수있도록링크텍스트제공 : 링크의용도나목적지를링크 텍스트만으로또는주변의맥락으로부터충분히이해할수있도록링크텍스트를 제공해야한다. ( 가 ) 문장의일부분에링크를연결하는경우 : URL(Uniform Resource Locator) 목 적지, 용도등을표현한텍스트에링크를연결해야한다. ( 나 ) 바로가기, GO 등의링크텍스트를제공하는경우 : URL 에관한정보를제 공하는문장에이어서링크텍스트를삽입한다. ( 다 ) 이미지링크를제공하는경우 : URL 에관한정보를제공하는텍스트와 URL 로 이동하는이미지링크는하나의링크로구성하는것이바람직하다. 이경우, 이미지링크의대체텍스트는공백문자로제공해야한다. ( 라 ) 동일한제품을서로다른관점에서각각설명한페이지로이동하는링크들은 각링크텍스트를서로다르게구성하는것이바람직하다. ( 마 ) 탭 (tab) 컨트롤을이용하여공지사항목록을나열하고, 주변에 더보기 링크를 제공하는콘텐츠에서 더보기 링크는그맥락으로부터 공지사항더보기 임을 알수있다. (2) 이미지링크구성 : 아이콘 (icon) 으로링크텍스트를대신하여표현한경우 ( 예 : 홈페이지로이동하기위한링크를집모양의아이콘이미지로대신하고해당아이콘에홈페이지로이동하는링크를걸어놓은경우 ), 해당아이콘이미지만으로도링크의용도나목적지, 내용등을충분히이해할수있도록직관적이고명료하게제공한다. 아이콘에대체텍스트를제공하는방법은검사항목 6.1.1 절의 적절한대체텍스트제공 을참고해야한다. 검사항목 6.4.3 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 텍스트에링크를연결할때, 여기를클릭하세요. 와같이애매모호한표현을사용 하여링크를연결한경우, 시각장애인이나지적장애인뿐아니라비장애인들도클 22

릭했을때어떤일이일어날것이며무슨내용이제시될것인지를알수없다. 그러나링크텍스트를직관적으로구성하면장애인들은해당링크를클릭했을때무슨일이벌어질것인지를분명하게알수있으므로시각장애인이나지적장애인은맥락을이해하기위한쓸데없는콘텐츠간의이동과정을피할수있다. 7. 이해의용이성 (understandable) 이해의용이성은사용자가장애유무등에관계없이웹사이트에서제공하는콘텐츠를 이해할수있도록제공하는것을의미한다. 이해의용이성은가독성, 예측가능성, 콘텐 츠의논리성, 입력도움의 4 가지지침으로구성되어있다. 표 7.1 이해의용이성관련지침및검사항목 지침 (4 개 ) 검사항목 (6 개 ) 7.1. 가독성 7.2. 예측가능성 7.3. 콘텐츠의논리성 7.4. 입력도움 7.1.1. ( 기본언어표시 ) 주로사용하는언어를명시해야한다. 7.2.1. ( 사용자요구에따른실행 ) 사용자가의도하지않은기능 ( 새창, 초점에의한맥락변화등 ) 은실행되지않아야한다. 7.3.1. ( 콘텐츠의선형구조 ) 콘텐츠는논리적인순서로제공해야한다. 7.3.2. ( 표의구성 ) 표는이해하기쉽게구성해야한다. 7.4.1. ( 레이블제공 ) 사용자입력에는대응하는레이블을제공해야한다. 7.4.2. ( 오류정정 ) 입력오류를정정할수있는방법을제공해야한다. 7.1. 가독성 7.1.1. ( 기본언어표시 ) 주로사용하는언어를명시해야한다. 웹브라우저는웹페이지를구성하는텍스트콘텐츠의언어정보를바탕으로텍스트콘텐츠를화면에표시하거나보조기술로전달한다. 다국어를지원하는화면낭독프로그램을사용하는경우, 텍스트콘텐츠의언어정보를화면낭독프로그램으로전달하여정확한발음으로읽어주도록제어하기도한다. 따라서웹페이지의기본언어는정확히정의해야한다. (1) 웹페이지의언어명시 : 웹페이지에서제공하는콘텐츠에적용되는기본언어를 반드시정의해야한다. 23

검사항목 7.1.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 화면낭독프로그램과점역프로그램과같은보조기술은웹페이지의기본언어를 인식하여자동적으로음성모듈을선택하거나해당언어에적합한점역방법을선 택할수있는편리함이있다. 7.2. 예측가능성 7.2.1. ( 사용자요구에따른실행 ) 사용자가의도하지않은기능 ( 새창, 초점에의한맥락변화등 ) 은실행되지않아야한다. 컨트롤이나사용자입력은초점을받았을때에의도하지않는기능이자동적으로실행되지않도록콘텐츠를개발해야한다. 즉, 컨트롤이나사용자입력의기능은사용자의마우스클릭이나키보드조작에의하여실행되어야한다. 특히사용자가인지하지못한상황에서새창, 팝업창등이열리지않아야한다. (1) 초점에의한맥락변화 : 웹콘텐츠를구성하는컨트롤이초점을받았을경우, 사용자가의도하지않은기능이실행되지않아야한다. 단, 기능의실행이아니라초점을받은요소의색깔이반전되거나테두리가생기는것과같은시각적인변화, 또는사용자제어가이동하지않은상태에서나타나는추가정보등은초점에의한맥락변화를일으키는기능의실행으로간주하지않는다. 다음은종종발생하는대표적인오류들이다. ( 가 ) 온라인서식이자동적으로제출됨 ( 나 ) 새창이열림 ( 다 ) 드롭다운메뉴가열림만으로특정메뉴항목이실행됨 ( 라 ) 풀다운메뉴를사용하는콘텐츠에서초점을받는것만으로특정메뉴의기능이 실행됨 ( 마 ) 사용자제어 ( 초점 ) 가다른컨트롤로이동하거나사라지거나또는그위치를예 측할수없음 (2) 입력에따른변화 : 사용자가선택할수있는컨트롤 ( 예 : 콤보상자, 라디오버튼, 체크상자등 ) 에서어떤항목을선택하는경우, 해당항목이의미하는기능이실행되거나서식제출이일어나지않아야한다. 실제로해당기능이실행되거나서식제출이일어나는것은사용자가선택할수있는컨트롤과함께제공되는실행버튼을활성화 ( 클릭 ) 하였을때비로소실행되어야한다. 단, 기능의실행이아니라초점 24

을받은사용자입력또는컨트롤의색깔이반전되거나테두리가생기는것과같은 시각적인변화, 또는사용자제어 ( 초점 ) 가이동하지않은상태에서나타나는추가 정보등은입력변화에따른기능의실행으로간주하지않는다. (3) 새창 / 팝업창 : 사용자가예측할수없는상황에서새창을열어정보를전달해서 는안된다. (4) 레이어팝업 : 레이어팝업은콘텐츠의논리적초점이동및콘텐츠의선형구조를 위반할가능성이많으므로사용하지않는것이바람직하다. (5) 새창 / 팝업창 / 레이어팝업의닫음 : 새창 / 팝업창 / 레이어팝업에초점이있을경우새창 / 팝업창 / 레이어팝업을닫거나종료버튼을클릭하였을경우, 해당창또는팝업등이종료되어야한다. 사용자가화면에나타난새창 / 팝업창 / 레이어팝업을닫거나종료하도록요구하였음에도불구하고해당창또는팝업등이종료되지않으면사용자는매우당황하게된다. 특히레이어팝업의경우에이러한혼란이가중될수있다. 검사항목 7.2.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 시각장애, 지적장애또는지체장애가있는사람들도초점및문맥의변화를이 해할수있게된다. (2) 사용자에게미리새창열림을경고하면뒤로가기버튼이더이상예상처럼동작 하지않는다는사실을알수있으므로이용하는데따른혼란이줄어든다. 7.3. 콘텐츠의논리성 7.3.1. ( 콘텐츠의선형구조 ) 콘텐츠는논리적인순서로제공해야한다. 콘텐츠는보조기술사용자가맥락을이해할수있도록논리적인순서로제공해야한다. (1) 콘텐츠의선형구조유지 : 웹페이지를구성하는모든콘텐츠는사용자가그내용 을이해할수있도록선형구조로작성되어야한다. (2) 내용, 표현및기능분리 : 브라우저화면에표시되는콘텐츠의순서는웹페이지에수록된콘텐츠의선형구조와항상같은것은아니다. 예를들어스타일시트를사용하면웹페이지를구성하는콘텐츠의순서를변경하지않고도화면에표시되는콘텐츠의배치를임의로변경할수있다. 따라서웹페이지를구성하는콘텐츠의나열순서는그맥락을이해할수있도록논리적으로구성해야한다. 시각적으로배치를변경해야하는경우에도콘텐츠의선형구조는유지되어야한다. 25

검사항목 7.3.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 콘텐츠의선형구조가논리적인콘텐츠는지적장애, 언어장애및학습장애가있 는사용자들이콘텐츠를이해하는데도움을준다. (2) 콘텐츠의선형구조가논리적인웹콘텐츠는스타일시트 (style sheet) 를바꾸거나 기능을제거하더라도그내용을순서대로읽어문서의의미를이해하기가쉽다. 7.3.2. ( 표의구성 ) 표는이해하기쉽게구성해야한다. 표를제공할경우, 표의이해를돕기위한내용및구조에대한정보를제공해야한다. (1) 표정보제공 : 데이터를표로구성할경우, 표의내용, 구조등을이해할수있도 록정보를제공하여표의이용방법을예측할수있도록한다. (2) 표의구성 : 표의내비게이션을위하여표의셀은제목셀과데이터셀이구분되도 록구성해야한다. 검사항목 7.3.2 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 제목셀과데이터셀이구분되도록구현한데이터테이블은시각장애인에게데이터 셀에대한제목셀의내용또는제목셀과의관계를알려주므로내용파악이쉽다. 7.4. 입력도움 7.4.1. ( 레이블제공 ) 사용자입력에는대응하는레이블을제공해야한다. 사용자입력은용도를이해할수있도록레이블을제공해야한다. (1) 사용자입력에대응하는레이블제공 : 사용자입력의근처에사용법을알려주는레이블을보조기술이알수있도록해당컨트롤과대응하여제공해야한다. 레이블과사용자입력간의관계를보조기술이인식할수있도록대응시키지않고단순히텍스트로만제공할경우, 보조기술은해당사용자입력에대한레이블을인식할수없다. 검사항목 7.4.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 레이블과사용자입력간의관계를보조기술이인식할수있도록대응시키면화면 낭독프로그램을사용하는시각장애인에게해당컨트롤이어떤용도로사용되는지 를알려줄수있으므로잘못된데이터의입력을방지할수있다. 26

7.4.2. ( 오류정정 ) 입력오류를정정할수있는방법을제공해야한다. 입력서식작성시, 사용자의실수로오류가발생할경우이를정정할수있는방법을제공해야한다. (1) 사용자입력오류안내 : 온라인서식에서오류가발생하는경우, 사용자에게오류가발생한위치와오류를유발하게된이유등에관한정보를알려주어야한다. 예를들어, 이름, 주소, 전화번호, 이메일주소를입력하도록구성한입력서식에서일부항목을기입하지않고제출하였을경우, 어떤항목의입력이누락되었는지를알려주어야한다. 시스템또는플랫폼에서발생한오류에는이검사항목이적용되지않는다. 검사항목 7.4.2 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 입력오류를수정할수있는방법에대한정보를텍스트로자세하게제공하는것은학습장애가있는사용자들이입력서식을성공적으로작성할수있도록도와준다. 오류가있는곳에만오류표시를하면시각장애인이나저시력장애인은오류가난곳에도달하기전까지는어떤오류가발생했는지알기어렵지만, 오류의내용을먼저텍스트로설명해주거나, 프로그램을통해오류가난위치로초점을이동시킨후에오류의내용을설명해주면입력오류를더쉽게정정할수있다. (2) 실수로인해빚어지는심각한결과또는과실을피하기위해오류정정에필요한 정보나수단을제공하는것은장애인뿐아니라모든사용자들에게도움을준다. 8. 견고성 (robust) 견고성은사용자가콘텐츠를이용할수있도록기술에영향을받지않아야함을의미 한다. 견고성은문법준수, 웹애플리케이션접근성의 2 가지지침으로구성되어있다. 27

표 8.1 견고성관련지침및검사항목 지침 (2 개 ) 검사항목 (2 개 ) 8.1. 문법준수 8.1.1. ( 마크업오류방지 ) 마크업언어의요소는열고닫음, 중첩관계및속성선언에오류가없어야한다. 8.2. 웹애플리케이션접근성 8.2.1. ( 웹애플리케이션접근성준수 ) 콘텐츠에포함된웹애플리케이션은접근성이있어야한다. 8.1. 문법준수 8.1.1. ( 마크업오류방지 ) 마크업언어의요소는열고닫음, 중첩관계및속성선언에 오류가없어야한다. 마크업언어로작성된콘텐츠는해당마크업언어의문법을최대한준수하여제공하는 것이바람직하다. 특히요소의열고닫음, 중첩관계의오류가없도록제공해야한다. 또 한요소의속성도마크업문법을최대한준수하여제공하는것이바람직하다. (1) 요소의열고닫음일치 : 마크업언어로작성된콘텐츠는표준에서특별히정한경 우를제외하고는시작요소와끝나는요소가정의되어야한다. (2) 요소의중첩방지 : 시작요소와끝나는요소의나열순서는포함관계가어긋나지 않아야한다. (3) 중복된속성사용금지 : 하나의요소안에서속성을중복하여선언하지않아야한다. (4) id 속성값중복선언금지 : 하나의마크업문서에서는같은 id 값을중복하여선 언하지않아야한다. 검사항목 8.1.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 시작요소와끝나는요소가잘대응되고요소간의포함관계가어긋나지않도록 웹페이지의마크업문서를구성하면, 웹브라우저나보조기술이작동을멈추지 않고콘텐츠를명확히전달할수있다. (2) 콘텐츠에필요한속성의누락이나중복된경우를없애콘텐츠의일부기능이누락 되는것을방지할수있다. 8.2. 웹애플리케이션접근성 28

8.2.1. ( 웹애플리케이션접근성준수 ) 콘텐츠에포함된웹애플리케이션은접근성이있 어야한다. 웹콘텐츠를사용하는데필요한플러그인또는웹페이지의기능을실행하는데필요 한웹애플리케이션은사용자가웹페이지에접근하여사용하는것을방해하지않아야 한다. 웹애플리케이션은다음에설명한모든요구사항을적용하여제작하여야한다. (1) 접근성프로그래밍인터페이스사용지원 : 웹애플리케이션은운영체제또는플랫폼이제공하는접근성프로그래밍인터페이스를사용하여제작되어야한다. 그렇지않으면보조기술이웹애플리케이션의접근성기능을지원하지못하는경우가발생할수있다. (2) 접근성프로그래밍인터페이스대체수단제공 : 웹애플리케이션을구현하는과정에서운영체제 ( 플랫폼포함 ) 가제공하는접근성프로그래밍인터페이스가정의되지않은새로운기능을구현할경우에는그기능의명칭, 역할, 상태및값에관한정보를운영체제 ( 또는플랫폼 ) 의접근성프로그래밍인터페이스로전달하도록구현함으로써보조기술이그정보를이용할수있게해야한다. (3) 보조기술지원 : 국내의보조기술로접근이불가능한웹애플리케이션은가능한 한사용하지않는것이좋으며, 꼭사용해야하는경우에는해당웹애플리케이션 에대한대체수단을제공해야한다. 검사항목 8.2.1 절을준수함으로써얻을수있는기대효과는다음과같다. (1) 웹애플리케이션이접근성을제공할경우보조기술이웹애플리케이션과상호작용 이가능하므로보조기술사용자가웹애플리케이션을활용할수있다. (2) 웹애플리케이션에적용하려는기능이플랫폼접근성프로그래밍인터페이스를지원하지못하더라도필수적인접근성정보를플랫폼접근성프로그래밍인터페이스를통하여보조기술로제공할수있게되므로새롭고접근성이있는기술의개발이가능하다. 29

부록 Ⅰ 관련문헌 다음문서들은본표준의이해를돕기위한문서로서특정문서 ( 발행일및판번호또 는개정번호를명시한것 ) 와일반문서로구별된다. - 특정문서인경우해당판본이후의개정판은적용되지않는다. - 일반문서인경우최신판본이적용된다. [1] JSA, JIS X8341-3, 고령자 장애자등배려설계지침-정보통신의장비, 소프트웨어및서비스- 제3부 : 웹콘텐츠, 2004. [2] JSA, JIS X8341-3, 고령자 장애자등배려설계지침-정보통신의장비, 소프트웨어및서비스-제3부 : 웹콘텐츠, 2010. [3] KCS, KCS.OT-10.0003, 인터넷웹콘텐츠접근성지침, 2005.12.21. [4] KCS, KCS.OT-10.0003/R1, 한국형웹콘텐츠접근성지침, 2010.12.31. [5] TTA, TTAK.KO-10.0213, 소프트웨어접근성지침 1.0, 2006.12.27. [6] TTA, TTAK.KO-10.0472, 공인인증서가입자 S/W 접근성지침, 2010.12.23. [7] TTA, TTAK.KO-10.0634, 모바일애플리케이션접근성지침, 2012.12.21. [8] TTA, TTAK.OT-10.0003/R1, 한국형웹콘텐츠접근성지침 2.0, 2009.12.22. [9] United States Access Board, 미국재활법 508조, 2000.12. [10] W3C, Web Content Accessibility Guideline 1.0, 1999.5. 30

표준작성공헌자 표준번호 : 이표준의제정 개정및발간을위해아래와같이여러분들이공헌하였습니다. 구분성명소속및직위이메일 과제제안 송재일한정기 한국정보화진흥원 / 책임연구원 jaeil@nia.or.kr jhan@nia.or.kr 표준초안제출 김석일문현주 충북대학교 / 교수 k.si@live.co.kr semulset@gmail.com 전병국강릉원주대 / 교수 jeonbk@gwnu.ac.kr 표준초안검토 김도연시도우 / 대표이사 doyeon.kim@cidow.com 이동산페이게이트 / 부사장 mountie@paygate.net 김영재한국정보통신기술협회 / 책임 yjkim@tta.or.kr 이덕희포스코아이시티 / 부장 doc3018@poscoict.com 표준안심의 박승민한국정보통신연구원 / 책임 minpark@etri.re.kr 김도연시도우 / 대표이사 doyeon.kim@cidow.com 김주열국립전파연구원 postkjy@msip.go.kr 사무국담당 이동석국립전파연구원 poplan@msip.go.kr 최일호국립전파연구원 ilho0620@msip.go.kr 31

방송통신표준 한국형웹콘텐츠접근성지침 2.1 (Korean Web Content Accessibility Guidelines 2.1) 발행인 : 미래창조과학부장관발행처 : 미래창조과학부국립전파연구원 520-350, 전라남도나주시빛가람로 767 발행일 : 2015.03.31 국립전파연구원고시제2015-5호