웹접근성품질인증 심사가이드 v 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T / R 1, 제정 )

Size: px

Start display at page:

Download "웹접근성품질인증 심사가이드 v 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T / R 1, 제정 )"

누리 형
5 years ago
Views:

웹접근성품질인증 심사가이드 v.1.3 - 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.

1 웹접근성품질인증 심사가이드 v 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T / R 1, 제정 )

2 목 차 제 1 장개요 1 제 1 절웹접근성품질인증소개 1 제 2 절접수대상및방법 1 제 3 절제출서류 4 제 4 절심사종류및수수료 5 제 5 절심사절차 6 제 2 장인증심사기준 8 제 1 절전문가심사기준 8 제 2 절사용자심사기준 1 9 [ 붙임 1 ] 웹접근성품질마크자가진단방법 2 0 < 별지 1 > 신청서서식 2 8 < 별지 2 > 설문지서식 2 9

3 제 1 장개요 제 1 절웹접근성품질인증소개 웹접근성품질마크란? 장애인및고령자가웹사이트이용에불편이없도록웹접근성표준을준수한 우수사이트에대해품질을인증하는마크 웹접근성 (Web Accessibility) 의정의장애인, 고령자등이웹사이트에서제공하는정보를비장애인과동등하게접근하고이용할수있도록보장하는것 제 2 절접수대상및방법 대상( 신청인) : 정부, 공공기관및민간웹사이트( 일부제외) 민간웹사이트의경우포털, 금융, 쇼핑등일부사이트는접수가제한되며, 접수 후심사가능여부는제출서류를확인하는 사전심사 단계에서통보 제한된웹사이트에대한접수는관련된웹접근성이슈( 보안등) 해결후단계적으로확대 심사신청은반드시해당기관에서직접해야함 - 신청인만접수상황과결과보고서확인이가능하며사후관리등의책임소지 ( 약관 동의 ) 가해당기관에있으므로반드시해당기관의담당자가직접신청해야함 대리신청확인시접수취소되며, 업체대행납부는가능하되신청시서식에반드시대납 업체의법인명, 담당자명, 법인사업자등록번호등을기입해야함 접수기관수 : 매회신규 100 개내외( 갱신은제한없음) 신청기관수등의수요변화에따라탄력적으로변경운영가능하며, 기관간 형평성등을위해접수가제한될수있음 - 1 -

4 접수방법 : 웹접근성연구소웹사이트 ( 를통한온라인접수 온라인접수후, 진행상태는 [ 접수대기 ] 상태로표시되며, 사전심사 ( 서류검토 ) 를 통과해야 [ 접수완료 ] 상태로변경됨 신청대상사이트의범위 심사대상기준 1 대메뉴 (GNB : Global Navigation Bar) 를공유하는영역또는동일한사이 트명 ( 로고등 ) 을유지하고있는영역을하나의사이트로인정하고, 해당영 역과콘텐츠가현격하게달라지는경우를별도사이트로구분 < 별도사이트구분기준추가설명> 콘텐츠가현격하게달라지는경우 란별도의대메뉴(GNB) 를가지면서기존사이트의 콘텐츠와독립적인 ( 기존사이트의주요기능이아닌) 콘텐츠가제공되는경우 예를들어, 대학의 입학안내 사이트는대학사이트의주요기능이므로별도사이트로 구분되지않으며, 대학박물관 사이트는독립적인기능이므로별도사이트구분 이해를돕기위한유형별별도사이트예시참고( 분야별대표적사례제시) 별도로구성된대메뉴및독립적인기능을갖는경우라도, 사이트규모가지나치게 작으면별도사이트로구분불가( 예를들어, 서브메뉴 10 개이하사이트) 외국어사이트의경우언어별로별도사이트에해당 구분사이트명별도사이트비고 금융 우리은행 ( 국민은행 ( 개인, 기업, 금융상품, 우리카드, 은행소개, 고객 광장, 펀드센터, 론센터, 외환센터, 퇴직연금등 개인, 기업, 외환, KB 부동산, 주택청약, 자산관리, 퇴직연금, 고객센터, 은행소개, English 등 각별도사이트별로심사가능 보안관련접근성이슈사항 선결필요로접수보류중 쇼핑 지마켓 ( 11번가 ( 롯데백화점 (lotte.gmarket.co.kr), English 등패션백화점, 도서, 뷰티, 마트, 여행, 티켓, Enlish 등 공통부분중복심사 결재관련접근성이슈사항 선결필요로접수보류중 - 2 -

5 포털 네이버 ( 다음 ( 메일, 카페, 블로그, 지식 IN, 쇼핑, 사전, 뉴스, 증권, 부동산, 지도, 영화, 뮤직, 책, 소셜게임, 해피빈, 미 투데이, 쥬니버, 한게임등 카페, 메일, 블로그, 쇼핑 소셜, 뉴스, 증권, 부 동산, 사전, 영화, 뮤직, 만화, TV 팟, 아고라, 지도, 모바일, 여행, 자동차, 클라우드등 대메뉴항목각각이별도사이트에해당 포털메인의경우, 별도사이트가모두인증되어야인증가능 쇼핑등외부제휴콘텐츠를가져오더라도해당사이트의콘텐츠로간주 UCC 등접근성이슈사항선결필요로접수보류중 언론방송 매일경제 ( KBS ( 뉴스, 증권, 부동산, 오피니언, 교육센터, 연예, MBN, Mmoney, 매경이코노미, LUXMEN 등 TV, 라디오, 뉴스, 게임, 각지역국별, 각계열 사별, English( 각언어별) 등 포털과유사 기업 삼성 ( 현대 ( 각문화재단, 미술관, 박물관및각계열사사이 트별도 각계열사사이트별도 학교 서울대학교 ( 침례대학교 ( 서울대학교, 인문대학, 보건대학원, 중앙도서관, ENGLISH 등 침례대학교, 중앙도서관, English 등 각단과대사이트를별도 사이트로신청가능 웹메일등서비스는메 인사이트와함께심사 병원 삼성의료원 ( 건국대학교병원 ( 삼성의료원, 삼성서울병원, 강북삼성병원, 삼성 창원병원, 성균관의대등 건국대학교병원, 헬스케어센터, 외국어등 인트로페이지는공통으로 심사 국립중앙도서관, 국립어린이청소년도서관, 국 도서관 국립중앙도서관 ( 립장애인도서관, 국가전자도서관, 국립중앙도 서관전자도서관, 디브러리포털, 조선총독부 관보, 국가자료종합목록, 지도자료실등 광명시중앙도서관 ( 광명시중앙도서관, 광명시철산도서관, 광명시하안 도서관, 광명시충현도서관, 광명옹달샘도서관등 인터넷우체국 ( 우편, 택배, EMS, 우표, 쇼핑, 예금보험등 기타 한국관광공사 ( 한국관관공사언어별 ( ), 대한민국구석구석, 녹색관광등 포털의비고참고 국가대표포털 ( 외부사이트의콘텐츠들을모아놓은허브사이트 전화번호부책처럼찾아주는용도의사이트인경우 해당서비스연결전까지만심사 - 3 -

6 2 웹사이트내에포함되어있는외부콘텐츠도웹사이트를이용하는사용자의 입장에서구분이불가하므로모두심사대상에포함 < 심사대상외부콘텐츠기준> 공인인증, 각종인증( 실명, 휴대폰, 신용카드등), 통합로그인, 국민신문고, 새올 행정시스템등에서제공되는제3자제공콘텐츠등이해당되며, 링크로연결된 단순한외부사이트는해당되지않음 국민신문고, 새올행정시스템은 11 년까지유예대상이었으며, 12년부터심사대상임을사전에 고지하였음 3 웹페이지에서보여지는웹애플리케이션또는솔루션(S/W) 에의한기능들도 모두심사대상에포함(E-book, E-learning, 좌석예약시스템, 공인인증서모듈등) 기술적으로불가능한경우대체수단및대체콘텐츠를제공 4 별도사이트를모아놓은인트로페이지또는메인페이지를통해연결된허브사 이트, 로그인또는통합로그인, 검색서비스등공통으로사용되는부분은각사이 트마다중복으로평가될수있음 심사대상제한 1 기타별도의사이트로구분되는경우심사대상에포함하지않으며필요한 경우추가로신청가능 별도의메뉴로구성된기관하위사이트, 지역별, 언어별사이트등 2 - 보안이슈 ( 관리자페이지, 이메일시스템등), 콘텐츠유해성( 음란사이트, 사회질서 위배등) 에해당하는웹사이트는신청시제한될수있음 언어별사이트등난이도가높은경우심사에필요한자료를제공하는등 협의를통해신청또는제한여부판단 3 웹사이트구축이완료되지않은상태또는테스트서버에구축되어있는경우 4 사이트의주요목적달성을위해접속할계정이필요한경우테스트계정에관한 정보를제공하지않은경우 - 은행, 쇼핑몰등실제거래로평가하기어렵거나학교와같이해당신분이 아니어서서비스에접속할수없는경우 - 4 -

7 제 3 절제출서류 제출서류 : 3종 웹접근성연구소웹사이트 ( 에서서식제공 1. 웹접근성품질마크신청서( 스캔파일첨부, 직인이없으면접수취소 ) 2. 웹접근성설문지 ( 파일첨부, 실명인증이아닌경우테스트계정을제공해야함 ) - 자가진단표(4개항목의준수율이 95% 이상임을증빙해야접수가능) 포함 자동점검도구로검사가능한 지에신청인이직접작성하여제출 < 자가진단표> 4개항목의준수율을캡처하여설문지의마지막페이 1 대체텍스트제공 2 제목제공 3 기본언어표시 4 레이블제공 4개항목의각항목별준수율이 95% 이상일경우만접수가능 자가진단방법은 2가지방법중우선순위에따라 1가지를선택 1 웹접근성품질마크자가진단서비스 페이지합산각항목별평균 95% 이상( 자동합산) 1의자가진단이불가한경우 2의방법으로진행 2 실태조사자가진단도구 - 5페이지합산각항목별 95% 이상( 수동합산) 자가진단방법은 < 붙임1> 을참고하여, 해당결과를 < 별지2> 설문지에첨부 3. 법인사업자등록증( 스캔파일첨부) 신청기관에서심사비를직접납부하지않고대납하는경우관련증빙공문 1부제출 - 5 -

8 제 4 절심사종류및수수료 심사종류 사전심사 : 신청하는웹사이트및담당자가웹접근성품질인증심사를받을 수있는기초적인준비가되었는지를판단하는심사로신청인이제출한각종 서류의적절성과신청인의자가진단결과신청가능수준시인증심사가능 인증심사 : 국가표준인 한국형웹콘텐츠접근성지침 2.0 의준수여부( 웹 접근성품질인증심사가이드의심사기준 ) 를평가하는전문가심사와장애유 형별사용자가주어진과업의수행가능여부를평가하는사용자심사에서각 을동시만족하는경우인증부여 - 전문가심사 : 다양한템플릿페이지를추출하고, 해당페이지에대한준수 여부를평가하여각항목별준수율 95% 이상이면통과 전문가심사는과업이외에도중요하다고판단되는페이지를심사대상으로추가가능 - 사용자심사 : 10개이상의과업에대하여각과업당 15분이내에장애유형 별로모두성공하면통과( 준수율 100%) 모니터링 : 인증사이트의품질유지를위한점검으로유효기간동안수시로 모니터링을시행하고, 미준수사항은반드시수정시에만인증유지 - 단, 결과통보후협의된기간이내에수정하지못한경우인증마크회수 심사시에만콘텐츠를누락하는등의부정인증방지및품질유지 갱신심사 : 인증을연장하기위한심사로인증유효기간(1 년) 만료직전에 실시하며, 간소화된심사절차를거쳐통과시다시 1년동안인증연장 - 단, 유효기간이후에신청하게되는경우신규인증심사로신청됨 - 인증유효기간중에웹사이트에변화가있는경우인증당시의심사대상페이지 중 20~50% 내의변경시, 갱신심사와동일한절차를통해인증유지 변경률은인증당시의심사대상페이지중변경페이지의비율로산정 사이트변경률심사구분인증유효기간 20% 이하모니터링기존인증기간유지 20% 초과 50% 이하갱신심사갱신심사완료일로부터 1년 50% 초과신규인증심사인증심사완료일로부터 1년 - 6 -

심사수수료 공공기관및비영리장애인민간단체는 50% 할인( 법률근거제출시) - 법률에의거한조항을구체적으로제출해야할인근거로인정 구분일반할인대상비고 인증심사 갱신심사 2,000,000원 1,000,000원신규신청시 800,000원 400,000원 인증유효기간연장 인증유효기간중변경사항발생시 제 5 절심사절차 인증심사절차 1 온라인신청 o 접수는온라인으로만가능 :

9 심사수수료 공공기관및비영리장애인민간단체는 50% 할인( 법률근거제출시) - 법률에의거한조항을구체적으로제출해야할인근거로인정 구분일반할인대상비고 인증심사 갱신심사 2,000,000원 1,000,000원신규신청시 800,000원 400,000원 인증유효기간연장 인증유효기간중변경사항발생시 제 5 절심사절차 인증심사절차 1 온라인신청 o 접수는온라인으로만가능 : [ 웹접근성연구소( ) > 품질마크 > 품질마크심사접수] 를통해신청 - 신규인증및갱신구분신청가능 ( 사이트변경에의한갱신심사는유선협의후신청 ) - 설문지의자가진단결과가기준에부합하거나허위인경우접수취소 - 해당기관담당자가직접신청( 대행업체에서신청시, 접수취소) o 접수는신규의경우 100 개기관까지선착순접수( 추가접수불가) - 단, 갱신접수는제한없음 - 제출되는서류등에오류( 직인없음, 테스트계정제출등) 가없어야함 2 사전심사 o 제출서류(3 종) 는제출후수정보완의기회가없으므로신중히검토후제출 o 자가진단결과, 제출서류, 심사범위등을검토후접수여부확정 - 7 -

10 < 유의사항 > 직인이없는신청서및대납공문이서류심사에서발견되는경우접수취소( 수정제출 등이허용되지않으므로신청일이전에미리준비하는것이바람직함 ) 3 접수완료 o 사전심사결과가이상이없으면접수완료처리됨 - 웹접근성연구소 ( 로그인후 품질마크 > 진행상태확인에서 상 태가 [ 접수완료 ] 이면사전심사를통과한것이며수수료납부가능 4 수수료납부 o 지정된기간 이내에납부해야하며, 기간경과시접수가취소될수있음 - 입금자명을부서, 인명등으로표기하면확인이불가능하므로반드시기관명으로표기 대행업체납부시, 입금자명을대행업체명으로표기 5 인증심사 o 인증심사팀이배정되고전문가및사용자심사진행 - 품질마크 > 진행상태확인 에서상태가 [ 심사중 ] 으로표시됨 6 보고서수령 o 인증심사결과보고서를웹접근성연구소 품질마크 > 진행상태확인 에서다운로드 7 이의신청 o 해당결과에대한정당한이의가있는경우정해진서식에의해이의신청가능 - 단, 실수등에의한미준수는정당한사유가아니며, 심사에오류가있는 경우등에대해서만이의신청가능 8 이의검토 o 접수된이의를검토하여받아들여질경우, 인증심사결과보고서수정 9 최종심의 o 웹접근성품질마크인증위원회에서인증여부를최종확정 - 품질마크 > 진행상태확인 에서상태가 [ 최종심사 ] 로표시됨 10 인증서수령 o 인증서는접수시기입한인증서수령주소로발송되며, 인증마크( 로고) 는 반드시인증받은범위내에서만인증표시가능 모니터링결과에따라미준수사항에대해기간내에수정조치가이루어지지않을경우인증취소 - 8 -

11 제 2 장인증심사기준 제 1 절전문가심사기준 검사항목별준수율산정방식 번호세부평가항목준수율산정방식비고 1 적절한대체텍스트제공준수한콘텐츠수심사대상페이지내의 콘텐츠수 2 자막제공 20개이내수집 3 색에무관한콘텐츠인식 4 명확한지시사항제공 5 텍스트콘텐츠의명도대비 6 배경음사용금지 7 키보드사용보장 8 초점이동 9 응답시간조절 10 정지기능제공 준수한페이지수심사대상페이지내의 페이지수 11 깜빡임과번쩍임사용제한 12 반복영역건너뛰기 13 제목제공 14 적절한링크텍스트 15 기본언어표시 16 사용자요구에따른실행 17 콘텐츠의선형화 18 표의구성 19 레이블제공 20 오류정정 21 마크업오류방지 준수한콘텐츠수심사대상페이지내의 콘텐츠수 준수한페이지수심사대상페이지내의 페이지수 22 웹애플리케이션접근성준수각검사항목에서검사 콘텐츠수로평가하는항목(1,2,18,19) 의경우심사대상페이지수와콘텐츠수중큰값을분모로함 검사항목 1번의배경이미지의경우오류가있는콘텐츠만콘텐츠수에산정됨 - 9 -

12 지표별전문가심사평가기준 원칙 1. 인식의용이성(Perceivable): 모든콘텐츠는사용자가인식할수있어야한다. 검사항목 1. ( 적절한대체텍스트제공) 텍스트아닌콘텐츠는그의미나용도를이해할수 있도록대체텍스트를제공해야한다. 지표번호 1 지표명적절한대체텍스트제공 오류유형 이미지등텍스트가아닌콘텐츠를이용할경우, 해당이미지가제공하는의미나용도를 동일하게인식할수있는적절한대체텍스트를제공한경우준수한것으로인정 <img>,<input type="image"> 매우불충분하거나오타로표기된경우 등이미지요소에대해 예) 배너등에행사명만적고행사기간, 장소등을기입하지않은경우 alt 속성을제공하지않거나 예) 찾아오는길 등지도이미지에서찾아올수있는내용을충분히제공하지않은경우 불릿이미지등의미없는이미지에 alt 속성을제공하지않거나공백이아닌불필요한 대체텍스트를제공한경우 긴내용또는불충분한 alt 를대신해서 <longdesc> 속성을이용해야하나파일을제공 하지않거나연결되지않은경우또는그내용이해당의미나기능을파악하기어려운 경우( 업데이트안된경우포함) <area> 요소에대체텍스트를바르게작성했더라도 <img> 요소를 alt 속성으로제공 하지않거나, <longdesc> 속성을사용하는이미지자체에 alt를제공하지않은경우 이미지맵형태로조직의관계나프로세스등복잡한이미지의대체텍스트제공시, <area> 로각항목만을나열하고조직간의관계를표현하지않은경우 1-6 대체텍스트를 title만으로제공하는경우예) <img alt="" title=" 대체텍스트" src=""> 1-7 QR 코드의이동주소정보등을대체텍스트또는설명, 링크등으로제공하지않은경우 1-8 배경이미지가의미있는정보를제공하고있으나대체콘텐츠를제공하지않은경우 1-9 플래시등의웹애플리케이션에서대체텍스트 (Name 값등) 를제공하지않거나이로인해 제공한대체콘텐츠의접근이불가한경우또는제공된내용의의미파악이어려운경우 이미지링크의경우 title 로링크의용도를설명하고, 이미지에대한대체텍스트를공백으로 제공한경우는미감점처리(alt 속성이제공되지않은경우에는감점대상) 예) <a href="" title=" 대체텍스트"><img src="" alt=""></a> CCTV 등실시간영상이나 CAPTCHA에대한대체텍스트는해당콘텐츠의용도만 알려주어도준수한것으로판단 ( 단, CAPTCHA는전화번호인증등의대체수단이 제공되어야함 ) CAPTCHA : 사용자가컴퓨터인지인간인지를구별하기위해사용하는방법 화면에표시된이미지의텍스트정보와대체텍스트가동일하지않더라도해당콘텐츠를 인식하는데문제가없을경우는인정예) img[ 알림마당, Notice] alt[ 알림마당] 찾아오시는길등지도이미지의설명이본문에있으면대체콘텐츠로인정 longdesc를제공하는경우조직도와같이구조적인정보는 html로제공하는것을원칙 으로하며, txt 로제공할경우감점( 구조적인정보가아닌경우 txt 로제공인정) 오류유형중 1-9 는사용자심사에서만평가됨 ( 전문가심사에서한시적으로평가하지않음)

13 검사항목 2. ( 자막제공) 멀티미디어콘텐츠에는자막, 원고또는수화를제공해야한다. 지표번호 2 지표명자막제공 멀티미디어콘텐츠를동등하게인식할수있도록제작하기위해서자막, 수화제공한경우준수한것으로인정 원고또는 2-1 영상, 음성콘텐츠에자막, 원고, 수화중하나이상의대체수단을제공하지않은경우 오류유형 2-2 내용전체를충분히설명하지않고요약정보나제목만제공하는경우 2-3 텍스트만제공하는영상콘텐츠에서동등한음성을제공하지않은경우 파일로제공되는영상, 음성콘텐츠도평가대상에포함( 단, 파일로제공되는영상, 음성의자막은파일로제공한경우도준수한것으로인정 ) 자막으로인해수화가가리지않도록하고, 원고는페이지를벗어나지않는수준으로 제공해야함( 기본화면에서벗어나지않도록제공하는것을권장) 사용자가등록한영상, 음성등의콘텐츠제공시, 자막을등록하도록유도하는문구 또는자막생성툴을제공하는것을권장 음성이없는동영상의경우도대체수단을반드시제공해야함 검사항목 3. ( 색에무관한콘텐츠인식) 콘텐츠는색에관계없이인식될수있어야한다. 지표번호 3 지표명색에무관한콘텐츠인식 색을배제하여도해당콘텐츠를인식할수있는정보를제공한경우준수한것으로인정 3-1 색상만으로내용을분별하도록제공된콘텐츠( 그래프, 차트, 지도등) 오류유형 3-2 페이지내비게이션, 메뉴, 현재위치등에대해명암, 패턴등의변화없이색상의변환만으로현재의위치를표시한경우 3-3 필수입력항목을색으로만표시한경우 글자모양을이용하거나밑줄(underline) 표시, 굵은글씨체또는이탤릭체, 글자크기의변경등으로구분가능하면준수한것으로인정 검사항목 4. ( 명확한지시사항제공) 지시사항은모양, 크기, 위치, 방향, 색, 소리등에관계없 이인식될수있어야한다. 지표번호 4 지표명명확한지시사항제공 오류유형 지시사항정보를특정감각에의존하지않고다양한감각을통해용도나목적을이해 할수있도록제공한경우준수한것으로인정 4-1 색, 크기, 모양, 방향등으로만정보를제공한경우 4-2 전달하고자하는지시사항을소리로만정보를제공한경우 노인이나약시자의경우에브라우저의글자체를확대시켜콘텐츠를표시하면콘텐츠의 표시위치가지시하는위치와달라져혼란을줄수있으므로가급적위치정보를 이용하여지시하지않도록콘텐츠를구현하는것을권장

14 검사항목 5. ( 텍스트콘텐츠의명도대비) 텍스트콘텐츠와배경간의명도대비는 4.5대 1 이 상이어야한다. 지표번호 5 지표명텍스트콘텐츠의명도대비 오류유형 본문콘텐츠에한해서텍스트나이미지텍스트정보에대해폰트의크기가 4.5:1이상 (18pt 이상, 굵은 14pt 이상은 3:1 이상) 의명도대비를제공하는경우준수하는것으로인정 텍스트의규격정보가있으며, 보통크기(18pt 미만, 또는굵은 14pt 미만) 의텍스트가 4.5:1 을만족하지않은경우 텍스트의규격정보가있으며, 텍스트의크기가 18pt 이상, 또는굵은 14pt 이상의 텍스트가 3:1을만족하지않은경우 이미지텍스트의경우폰트종류와상관없이 14pt 크기에해당하는 18.66px 경우 4.5:1 이상이거나 18.66px 이상인경우 3:1 이상을만족하지않은경우 ( 굵은 14pt 기준은적용하지않음 ) 미만인 본문은콘텐츠영역으로제공된텍스트또는정보를제공하는표, 그래프및텍스트 이미지의텍스트내용을의미 텍스트크기가구분이되지않는경우나이미지텍스트의경우는글모양과상관 없이 Windows에서 14pt는 18.66px이고 18pt는 24px 로적용하며(MacOS는 pt와 px 가같음), 굵음의여부와상관없이 14pt 이상은 3:1 이상, 미만은 4.5:1이상의명도 대비를제공하는경우준수하는것으로인정 (Windows 의표준해상도: 96dpi, MacOS 의표준해상도: 72dpi, 평가는 Windows 의기준으로실시) 본문콘텐츠에단순히장식목적으로만사용한텍스트, 로고또는상호와같은텍스트 이미지, 마우스나키보드를활용하여초점을받았을때색이나명도대비가변화하는 콘텐츠, 사용할수없음을표시하기위하여명도대비를낮춘회색의컨트롤이나입력 서식등은이검사항목의적용을받지않음 색상테마등을이용하여전체웹사이트의색상정보를변경하여준수한경우인정 검사항목 6. ( 배경음사용금지) 자동으로재생되는배경음을사용하지않아야한다. 지표번호 6 지표명배경음사용금지 오류유형 6-1 웹페이지에서자동으로재생되는배경음으로인해콘텐츠를인식하는데방해를 받지않으면준수한것으로인정 웹페이지에서자동적으로재생되는 제공하는경우 3 초이상의배경음 ( 동영상, 음성, 음악등) 콘텐츠를 6-2 마우스오버또는키보드초점을받아자동적으로배경음이 3초이상실행되는경우 3초미만의배경음은예외 자동적으로재생되는배경음의지속시간이 가장첫부분에제공되는경우는준수한것으로인정 3초이상이지만제어수단이페이지의

15 원칙 2. 운용의용이성(Operable): 사용자인터페이스구성요소는조작가능하고내비 게이션할수있어야한다. 검사항목 7. ( 키보드사용보장) 모든기능은키보드만으로도사용할수있어야한다. 지표번호 7 지표명키보드사용보장 오류유형 모든기능을키보드로접근가능하고, 사용가능하도록제공한경우준수한것으로인정 7-1 마우스로제어할수있는요소를키보드로제어할수없는경우 7-2 플래시등의부가어플리케이션콘텐츠의 wmode 값의설정으로인해키보드이용이 불가능한경우 웹접근성품질인증심사에서는 OS의편의와보조기기의호환을위해 IE8 브라우저에서 키보드로접근가능한유무를테스트하므로타브라우저및 여부를판단하지않으므로반드시 onclick onkeyup IE8에서확인할것 이벤트핸들러를사용한요소에동등한기능을수행하는 이벤트핸들러를사용하여키보드로제어가불가한경우감점 IE의타버전으로키보드이용 onkeypress, onkeydown, 지리정보 (GIS) 콘텐츠나가상현실 (VR) 콘텐츠의경우예외로인정하나부가적인검색, 이동등 기타인터페이스는키보드만으로사용할수있어야함 키보드를이용하여탭메뉴에서탭1 탭2 탭3으로이동하면서모든탭내용을확인할수 없는경우감점 onfocus= this.blur(); 를사용하는경우키보드접근은물론초점의시각적구분이불가하고, 의도하지않은초점변화가실행되므로검사항목 7, 8, 16에서동시감점 플래시콘텐츠의 wmode 값은기본적으로 transparent 또는 opaque로지정하게되면 MSAA를 사용할수없어화면낭독기로인식이불가함 ( 단, 링크와같은특정기능없이단순정보전달이나디자인용등키보드포커스가불필요한 플래시콘텐츠의경우, wmode를 window로지정하면키보드포커스가브라우저메뉴영역에 갇혀더이상운용이어려운상황이초래됨. 이경우 transparent 또는 opaque를사용하되 정보가있는경우대체콘텐츠로제공하는등키보드사용이가능하도록제공해야함 ) 검사항목 8. ( 초점이동) 키보드에의한초점은논리적으로이동해야하며시각적으로구별할 수있어야한다. 지표번호 8 지표명초점이동 오류유형 8-1 키보드초점을받은링크, 컨트롤및입력서식은초점을받지않은객체들로부터 구분될수있도록제공한경우준수한것으로인정 Tab키와 Shift+Tab 키에의한초점의이동순서가논리적이지않으며일관성이없는경우 ( 예: 로그인의경우, 아이디 로그인 비밀번호 순서) 8-2 초점또는키보드의위치를나타내는요소가시각적으로표시되지않은경우 8-3 < area> 요소의진행순서에의미가있으나키보드접근순서가의미와일치하지않은경우 onfocus= this.blur(); 를사용하는경우키보드접근은물론초점의시각적구분이 불가하고, 의도하지않은초점변화가실행되므로검사항목 7, 8, 16에서동시감점

16 검사항목 9. ( 응답시간조절) 시간제한이있는콘텐츠는응답시간을조절할수있어야한다. 지표번호 9 지표명색에무관한콘텐츠인식 오류유형 시간제한이있는콘텐츠의응답시간을조절할수있도록제공한경우준수한것으로인정 9-1 페이지재이동시회피할수있는수단을제공하지않은경우 9-2 제한시간을연장하는방법에제한시간이있는경우 경매나실시간게임, 듣기평가용콘텐츠등과같이원천적으로콘텐츠의이용에따르는 시간조절을허용할수없는콘텐츠는예외로인정 검사대상은자동전환페이지(Redirection page), 제한시간연장, 제한시간만료경고 등이해당 검사항목 10. ( 정지기능제공) 자동으로변경되는콘텐츠는움직임을제어할수있어야한다. 지표번호 10 지표명색에무관한콘텐츠인식 오류유형 자동으로변경되는콘텐츠의움직임을제어할수있도록제공한경우준수한것으로인정 10-1 시간에따라변화하는콘텐츠에정지, 이전, 다음기능이없는경우 10-2 시간에따라변화하는콘텐츠가마우스와키보드로제어불가능한경우 움직이는배너, 뉴스등시간에따라변화하는콘텐츠를키보드와마우스로평가 키보드포커스및마우스오버시콘텐츠의변화가멈춰지면정지기능이제공된 것으로인정 검사대상은자동적으로스크롤되는배너, 자동변경되는실시간검색순위등이해당됨 검사항목 11. ( 깜빡임과번쩍임사용제한) 초당 3~50회주기로깜빡이거나번쩍이는콘텐츠 를제공하지않아야한다. 지표번호 11 지표명색에무관한콘텐츠인식 초당 3~50 회주기로깜빡이거나번쩍이는콘텐츠를제공하지않은경우준수한것으로인정 오류유형 11-1 사전경고없이초당 3~50회깜빡이는콘텐츠가존재할경우 깜빡임을중단할수있는수단을제공했더라도깜빡임을미리경고하지않은경우는감점 깜빡임이 3초미만인경우인정 동영상콘텐츠도검사대상

17 검사항목 12. ( 반복영역건너뛰기) 콘텐츠의반복되는영역은건너뛸수있어야한다. 지표번호 12 지표명반복영역건너뛰기 오류유형 대메뉴등반복되는영역을건너뛸수있는건너뛰기링크를제공한경우준수한것으로인정 12-1 건너뛰기링크를제공하지않은경우 12-2 건너뛰기링크는제공하고있으나동작이안되는경우 지나치게많은건너뛰기링크를제공하지말것(3 개이내권장) 건너뛰기링크에키보드접근이불가한경우검사항목 건너뛰기링크는 7, 12에서동시감점 display:none 등으로감추지않고, 화면에서볼수있도록제공하는 것을권장 ( 디자인의특성상건너뛰기링크를보이지않도록구현하더라도키보드내비 게이션에의하여초점을받으면건너뛰기링크가표시되도록구현하는것을권장 ) 서브메뉴바로가기링크 등부가적인건너뛰기링크가동작이안되는경우나건너 뛰기링크가필요없는경우인데제공되어동작이되지않는경우에도감점 콘텐츠블록마다링크의수가많거나메뉴나링크등의반복되는콘텐츠가많은 복잡한페이지일경우에만반복영역건너뛰기가필요 검사항목 13. ( 제목제공) 페이지, 프레임, 콘텐츠블록에는적절한제목을제공해야한다. 지표번호 13 지표명제목제공 페이지, 프레임, 콘텐츠블록에적절한제목을제공시준수한것으로인정 오류유형 13-1 페이지제목의 title 속성을제공하지않았거나내용과다른의미의제목을 13-2 페이지제목에반복되는특수문자를제공한경우 사용한경우 13-3 페이지제목의분류가더가능함에도불구하고, 상위범주로제목을제공한경우 13-4 <frame>, <iframe>, <frameset> 요소의 title 속성이없거나, 속성값을비워둔경우 또는내용이부적절한경우 13-5 내용또는기능이없는프레임에 <title> 을비워두거나, 제공하지않은경우 13-6 콘텐츠블록( 본문영역에포함된콘텐츠들의제목) 에 <h1~6> 을사용하여제목을제공 하지않은경우 프레임제목은프레임내에포함된콘텐츠를유추할수있는간결한제목을제공 예) " 메인메뉴", " 참고문서" 등은적절, "top 프레임", "main 프레임" 등은부적절 내용또는기능이없는프레임에도 빈프레임, 내용없음 과같이 title을제공해야함 게시판의 ' 목록, 읽기, 쓰기' 페이지의제목을읽기( 해당글의제목), 쓰기등으로구분 하여제공하는것을권장 검사항목 14. ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해할수있도록제공해야한다. 지표번호 14 지표명적절한링크텍스트 링크텍스트의용도나목적을이해할수있도록제공한경우준수한것으로인정 오류유형 14-1 목적이나용도를알기어려운링크텍스트를제공한경우 링크의목적을키보드의순서나문맥을통해이해할수있으면인정 링크텍스트를단순히 URL경로로만제공하지않는것을권장

18 원칙 3. 이해의용이성(Understandable): 콘텐츠는이해할수있어야한다. 검사항목 15. ( 기본언어표시) 주로사용하는언어를명시해야한다. 지표번호 15 지표명기본언어표시 <html> 에기본언어표시로 lang 속성을사용하여제공한경우준수한것으로인정 오류유형 15-1 <html> 에 lang 속성을명시하지않거나잘못명시한경우 기본언어는페이지의상단에 html 태그에 lang 속성을이용하여지정하고, lang의 속성값에는 ISO 639-1에서지정한두글자로된언어코드를사용해야함 < 예시> HTML 4.01 XHTML 1.0 XHTML 1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN " <html lang="ko"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " ict.dtd"> <html xmlns=" xml:lang="ko" lang="ko"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" xml:lang= ko > 페이지언어가바뀔때변경된언어를 lang 속성으로명시해주는것을권장 검사항목 16. ( 사용자요구에따른실행) 사용자가의도하지않은기능( 새창, 초점변화등) 은 실행되지않아야한다. 지표번호 16 지표명사용자요구에따른실행 오류유형 사용자가의도하지않은기능이자동실행되지않도록제공한경우준수한것으로인정 16-1 사용자가실행하지않은상황에서예측하지않은새창이열리는경우 16-2 웹사이트초기화면( 메인페이지) 에팝업창( 레이어팝업포함) 을제공하는경우 16-3 사용자가의도하지않은초점변화가발생하는경우 16-4 체크상자의선택, 텍스트입력서식의값변경만으로값이제출되어문맥이바뀌는경우 onkeypress 에의해포커스를옮기는동작만으로새창이발생하면감점 <a target="_blank"> 로만새창을알린경우준수한것으로인정 onfocus= this.blur(); 를사용하는경우키보드접근은물론초점의시각적구분이 불가하고, 의도하지않은초점변화가실행되므로검사항목 7, 8, 16에서동시감점 플래시등에서제공하는새창에서도 내용을포함하지않으면감점 오류정정을위한자동초점변경은예외 Name, Description 값에서새창안내에대한

19 검사항목 17. ( 콘텐츠의선형화) 콘텐츠는논리적인순서로제공해야한다. 지표번호 17 지표명콘텐츠의선형화 오류유형 콘텐츠의순서가논리적으로선형화되어제공한경우준수한것으로인정 17-1 계층구조가명백하게필요한콘텐츠를중첩마크업을이용하여표현하지않은경우 17-2 제목 - 내용 ' 으로구성된콘텐츠목록의배치가분리되어내용을직관적이해가불가능한경우 탭메뉴에서탭1 탭2 탭3으로이동하여모든탭내용을확인할수있는경우에도 보다논리적으로구성할것 2단계의깊이를가진메뉴에서 1차메뉴와 2차메뉴는서로다른계층으로표현되 어야하며탭메뉴와탭콘텐츠도서로다른계층으로표현되어야함 ( 예 : ul > li > ul > li 또는 ol > li > ol > li 구조는계층구조로인정) 탭메뉴와탭콘텐츠의계층구조는경우에따라마크업중첩이아닌 ' 제목- 내용' 으로 표현가능, hx-ul, hx-div, hx-p, dt-dd 형식으로마크업했다면계층구조로인정 로그인, 회원가입등의방법안내는로그인, 회원가입이전에정보를제공할것 서브메뉴 내용순으로선형화된페이지에서서브메뉴가우측에위치하는경우등 혼란이없는경우는인정 검사항목 18. ( 표의구성) 표는이해하기쉽게구성해야한다. 지표번호 18 지표명표의구성 표를이해할수있도록정보를제공한경우준수한것으로인정 18-1 <caption> 요소, summary 속성을제공하지않거나용도또는설명이부적절한경우 오류유형 18-2 데이터테이블에제목셀과내용셀을 <th> 와 <td> 요소로구분하지않은경우 18-3 제목셀및내용셀의다단, 병합등복잡한표를제공시 headers 속성으로 <td> 에서 <th> 의 id를참조또는 scope 속성으로 <th> 요소에 <td> 요소의범위를지 정하여제공하지않은경우 원칙적으로 <caption> 요소와 summary 속성을모두사용해야하며, 이중하나이상 적절히제공한경우준수한것으로인정 < caption> 요소는표의제목을, summary 속성에는표의요약, 구조나탐색방법을 기술해주어야함(summary와 caption 을같은용도로사용하지않아야함) 데이터테이블은자료들( 텍스트, 숫자, 그림등) 간의논리적인관계를나타내기위해 표를사용한경우를말하며, 표의형식을제거하고선형화했을때이해할수없는 경우에해당 배치용( 레이아웃용) 테이블은화면배치를위해작성된경우를말하며, 표의형식을 제거하고선형화했을때이해가능한경우에해당 배치용테이블에는 <th>, <caption> 요소, summary 속성을사용하지않아야함

20 검사항목 19. ( 레이블제공) 입력서식에는대응하는레이블을제공해야한다. 지표번호 19 지표명레이블제공 입력서식에대응하는레이블을제공한경우준수한것으로인정 오류유형 19-1 <input type="image hidden submit button reset"> 을제외한모든 <input>, <textarea>, <select> 요소에 1:1 대응하는 <label> 요소또는 title 속성을제공하지 않은경우 19-2 <input> 의 id 와 <label> 의 for 가다르거나, 페이지안에같은 id가있는경우 19-3 <select> 요소의첫번째 <option> 이레이블역할을대신하는경우 레이블로연결할텍스트가있는경우 title 속성보다 <label> 요소를제공하는것을권장 id, for 속성을사용하지않고 <label> 요소로레이블텍스트와서식콘트롤을한꺼번에 묶는암묵적인방법을사용한경우도인정하지만권장하지않음 예시 ) 암묵적방법 : 명시적방법 <label><input type="checkbox"> 암묵적</label>, : <label for="see"> 명시적</label><input type="checkbox" id="see"> 검사항목 20. ( 오류정정) 입력오류를정정할수있는방법을제공해야한다. 지표번호 20 지표명오류정정 입력오류를정정할수있는방법을제공한경우준수한것으로인정 20-1 입력서식을잘못작성한경우해당서식필드로초점을이동할수있는수단을제공 하지않거나해당서식의전송버튼을눌렀을때, 입력내용이모두사라지는경우 오류유형 20-2 오류발생시, 정정할수있는 수단을제공하지않는경우 20-3 입력정정방식또는내용을잘못제공한경우 오류가있는곳에만오류표시를하면전맹이나저시력자는오류가난곳에도달 하기전까지는어디에오류가있는지알기어려우므로오류의내용을먼저텍스트로 설명해주거나, 프로그램을통해오류가난위치에도달하도록하고, 오류의내용을 설명해주어야함

21 원칙 4. 견고성(Robust): 웹콘텐츠는미래의기술로도접근할수있도록견고하게만 들어야한다. 검사항목 21. ( 마크업오류방지) 마크업언어의요소는열고닫음, 중첩관계및속성선언에 오류가없어야한다. 지표번호 21 지표명마크업오류방지 마크업언어요소의열고닫음, 중첩관계및속성선언에오류없이제공한경우 준수한것으로인정 21-1 태그의열고닫음오류 오류유형 21-2 태그의중첩오류 21-3 중복선언된속성오류 ID값중복선언은오류유형 21-3에서심사 위에언급된항목이외의표준문법오류는포함하지않음 검사항목 22. ( 웹애플리케이션접근성준수) 콘텐츠에포함된웹애플리케이션은접근성이 있어야한다. 지표번호 22 지표명웹애플리케이션자체접근성 웹애플리케이션의자체접근성을준수하여제공한경우준수한것으로인정 오류유형 22-1 웹애플리케이션이자체적인접근성이없으며사용자가선택할수있는대체콘텐츠가 존재하지않거나대체콘텐츠를제공하더라도핵심기능을동등하게제공하지못한경우 자바스크립트미지원환경에서는평가하지않음 웹애플리케이션에대한자체접근성은각검사항목에서평가 (22 번검사항목은해당사항이없음 )

22 제 2 절사용자심사기준 심사대상과업전체에대하여성공률 100% 각사이트의특성에맞는사이트별과업(Task) 심사 - 신청사이트마다과업은모두다를수있으며, 사이트의이용목적에부합되는서비 스위주로과업을선정하고, 과업당 15분이내에수행성공시통과 장애영역등급및조건비고 시각장애인 1급시각장애 2인 화면읽기프로그램사용 (1 인 센스리더, 1 인 죠스등) 시각장애인저시력 1인보조기기를사용하지않음 지체장애인상지장애또는뇌병변 1인보조기기를사용하지않음 번호 과업예시 ( 사이트마다특성을고려하여과업설정) 성공률산정방식 성공한과업 심사대상과업 필요에따라과업은 1 0 ~ 1 5 개로선정

23 [ 붙임1] 웹접근성품질마크자가진단방법 1 웹접근성품질마크자가진단서비스 ( ) 를통해중요 템플릿위주의 10 개페이지를진단하고결과를캡처하여첨부하십시오. [ 중요템플릿] - 10 페이지임의선정( 자동합산) 중요페이지설명수량 메인페이지 웹사이트의대표페이지( 필수) 1 서브페이지 메인페이지의하위페이지 - 그래프, 표등정보제공페이지( 조직도등) - 멀티미디어( 동영상등) 제공페이지 - 게시판페이지 - 온라인서식페이지( 로그인, 회원가입등) - 부가어플리케이션이포함되어있는페이지 - 기타다양한템플릿페이지선정 9 합계 10 [ 검사항목] 1 대체텍스트제공 2 제목제공 3 기본언어표시 4 레이블제공 4개항목의각항목별준수율이 95% 이상일경우만접수가능 만약 1의방법으로진단이불가한경우라면, 2 웹접근성실태조사자가진단도구 ( 를통해 중요템플릿위주의 5 개페이지를진단하고결과를캡처하여첨부하십시오. [ 중요템플릿] - 5 페이지임의선정( 수동합산) 중요페이지설명수량 메인페이지 웹사이트의대표페이지( 필수) 1 서브페이지 메인페이지의하위페이지 - 그래프, 표등정보제공페이지( 조직도등) - 멀티미디어( 동영상등) 제공페이지 - 게시판페이지 - 온라인서식페이지( 로그인, 회원가입등) - 부가어플리케이션이포함되어있는페이지 - 기타다양한템플릿페이지선정합계 5 [ 검사항목] 1 대체텍스트제공 2 제목제공 3 기본언어표시 4 레이블제공 4개항목의각항목별준수율이 95% 이상일경우만접수가능

24 [ 1 웹접근성품질마크자가진단서비스이용방법] 1) 웹접근성품질마크자가진단서비스 ( ) 에접속하여 10개의 URL을입력 2) 검사버튼을누르면결과내용이출력되며캡쳐하여설문지에첨부

25 - 23 -

26 [ 2 웹접근성실태조사자가진단도구이용방법] 1) 웹접근성실태조사자가진단도구에접속하여 ( ) 아 이디와비밀번호를입력하여로그인 (ID : nia, PW : 1234) 2) 평가할웹페이지주소(URL) 를입력하고, 확인버튼클릭 3) 자동으로평가된결과를확인하고접근성준수여부체크

27 5) 평가되지않은부분은수동으로접근성준수여부체크 6) 평가가완료되었으면 [ 출력하기] 링크클릭

28 7) 결과페이지를직접캡처하기위해 [ 취소] 버튼을클릭 8) 각검사페이지별로네모로표시된영역을캡처하여자가진단결과로활용 ( 평가웹페이지주소와평가일, 대체텍스트제공, 제목제공, 기본언어표시, 레이 블제공의 4 개검사항목이보이도록캡처하여설문지에첨부)

1번 17 / 17 1 / 1 1 / 1 1 / 1 2번 1 / 1 1 / 1 0 / 0 3번 1 / 1 1 / 1 12 / 12 4번 1 / 1

29 9) URL 입력으로페이지가평가되지않을경우, [ 페이지] 링크를클릭 10) 페이지 URL과해당페이지의 HTML 소스를직접입력하여평가 11) 자가진단결과표에 [ 준수한콘텐츠수 / 전체콘텐츠수] 를기입하여평균준수율입력 중요페이지 1 대체텍스트제공 2 제목제공 3 기본언어표시 4 레이블제공 1번 17 / 17 1 / 1 1 / 1 1 / 1 2번 1 / 1 1 / 1 0 / 0 3번 1 / 1 1 / 1 12 / 12 4번 1 / 1 1 / 1 0 / 0 5번 1 / 1 1 / 1 0 / 0 합계 5 / 5 5 / 5 13 / 13 평균준수율 100% 100% 100% 100%

30 자가진단결과표 1번 중요 1 대체텍스트 3 기본언어 2 제목제공페이지제공표시 4 레이블제공 1번 17 / 17 1 / 1 1 / 1 1 / 1 2번 1 / 1 1 / 1 0 / 0 3번 1 / 1 1 / 1 12 / 12 4번 1 / 1 1 / 1 0 / 0 5번 1 / 1 1 / 1 0 / 0 합계 5 / 5 5 / 5 13 / 13 평균준수율 100% 100% 100% 100% 2번 3번 4번 5번

31 기관설립에관한관계법령, 설립취지등을구체적으로기입 정부공공비영리장애인민간단체 등심사비할인대상기관만작성 : 실제입금할기관의정보가반드시정확히제공되어야함

32 웹접근성품질마크사전설문지 o 본설문은웹접근성품질마크신청사이트에대한심사를보다효율적이고원활하게 수행하기위하여필요한제반사항에대한조사입니다. o 설문에대한응답은심사결과에영향을미칠수있으니이점을양지하시고해당되는모 든질문에충실히응답해주시기바랍니다. 일반현황 o 웹사이트와관련된일반적인사항을기재하여주십시오. 웹사이트명 URL 담당부서 담당자 연락처 개발업체명 ( 웹접근성개선 관리업체명) 개발담당자및연락처 사이트이용현황 o 웹사이트내에서가장인기있는 5 가지메뉴( 페이지) 는무엇입니까? 1 위 : (url : ) 2 위 : (url : ) 3 위 : (url : ) 4 위 : (url : ) 5 위 : (url : )

33 로그인서비스영역 o 웹사이트의특정영역에접근하기위해로그인이필요한경우가있습니까? ( 심사를위해별도의 Test 계정제공해주시기바랍니다.) 1 예 ( ) 2 아니오 ( ) 멀티미디어및기타파일형식 o 웹사이트내에 Active-X, 플래시등플러그인이사용된부분이있습니까? ( 사용되고있다면, 해당서비스명칭및위치를기록해주시기바랍니다.) 1 예 ( ) 2 아니오 ( ) o 사이트내에오디오또는비디오가포함되어있습니까? ( 포함되어있다면, 접근가능한 URL 을기재하여주십시오.) 1 예 ( ) 2 아니오 ( ) 감사합니다

34 - 32 -

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

CSS Design Korea( ) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부현준호책임 현준호 CSS Design Korea(2010. 5.29) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부책임 1. 들어가기 전세계인구의 10% (6 억 5 천만명 ) ( 출처 : UN ENABLE W ebsites, http://www.un.org/disabilities/default.asp?id=18 ) 1 1. 들어가기 80% 는개발도상국에!! (