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

Size: px

Start display at page:

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

서수 후
4 years ago
Views:

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

2 1. 들어가기 전세계인구의 10% (6 억 5 천만명 ) ( 출처 : UN ENABLE W ebsites, ) 1

3 1. 들어가기 80% 는개발도상국에!! ( 출처 : UN ENABLE W ebsites, ) ** 국제연합개발계획 (UNDP) 조사결과 2

4 1. 들어가기 국내등록장애인은 2,419,444명 (09년 6월기준 ) -50세이상장애인이 65.7% (1,590,405명), -30세미만장애인이 8.4% (204,351명) ( 출처 : 보건복지가족부전국장애인등록현황 ) ENU_ID=06&M ENU_ID= &BOARD_ID=1527&BOARD_FLAG=00&CONT_SEQ=221383&page=1 3

5 1. 들어가기 장애인의 51.8% 가인터넷을이용 - 국민전체인터넷이용률 (77.1% ) - 시각장애인 51.9%, 청각및언어장애인 49.0% ( 출처 : 한국정보화진흥원 2008 년장애인정보격차실태조사 (2008 년 12 월기준 ) ttp:// enuid= &template=default ontrol=view.ascx&seq=17048&idx=1 4

6 2. 개요 - 추진배경 추진배경 -W 3C W CAG 2.0 제정 (2008년 12월 ) -신기술의등장 (Ajax, RIA(Flex, Sliverlight 등 ) 등장등 ) 추진경과 : 2008년 ~ 2009년추진 - 전문가회의및공지사항을통한의견수렴 (11 월 4 일 ~ 11 월 25 일 ) 작업반 : 김석일위원장외 10 인 ( 장애인단체, 기업, 학계등 ) 추진기관 : 한국정보화진흥원 5

7 2. 개요 2.0 구성및개발원칙 구성 : 4개원칙, 13개지침, 22개검사항목 -원칙(4 개 ) : 인식의용이성 (Perceivable), 운용의용이성 (Operable), 이해의용이성 (Understandable), 견고성 (Robust) -지침(13 개 ) : 대체텍스트, 멀티미디어대체수단등 13개 -검사항목 (22개) : 적절한대체텍스트제공등총 22개개발원칙 : W 3C W CAG 2.0 Level A 기반으로개발 ( 국내실정을고려하여특정항목은 Level AA까지검토 ) -검사항목과사례를포함하여보기쉽게작성 * 기존국가표준 + 국가표준기술가이드라인을한문서로통합 6

8 2. 개요 W3C WCAG 2.0 W CAG 1.0 W CAG 년 5 월 14 개가이드라인 65 개체크포인트 HTM L 중심 W CAG2.0 변경의핵심배경 1 유연성제고 (Flexible) + 2 검증가능성제고 (Testable) 2008 년 12 월 4 개지침 (Principals) 12 개가이드라인 61 개성공기준 ( 중요도 1 : 25 개, 중요도 2 : 13 개, 중요도 3 : 23 개 ) HTM L, RIA 등다양한기술 * 출처 : ww.w 3.org/2008/12/w cag2 0-pressrelease.html.en 7

org/wai/w CAG20/glance/ 인식의용이성 (Perceivable)

운용의용이성 (Operable) 키보드이용보장충분한시간보장깜빡임배제검색가능성제고

9 2. 개요 W3C WCAG 2.0 W CAG 2.0 개요 : POUR 출처 : CAG20/glance/ 인식의용이성 (Perceivable) 대체텍스트캡션및대체수단적용가능성 ( 보조기기, 색상만, 논리적구성등 ) 충분한색상대비 운용의용이성 (Operable) 키보드이용보장충분한시간보장깜빡임배제검색가능성제고 (skip, page title 등 ) 이해의용이성 (Understandable) 가독성및이해용이성예측가능성오류예방및정정 기술적진보성 (Robust) 호환성 ( 현재와미래기기에서의호환성최대화 ) 8

10 3. 한국형웹콘텐츠접근성지침 2.0 인식의용이성 지침 (3 개 ) 검사항목 (6 개 ) 1.1( 대체텍스트 ) 텍스트아닌콘텐츠에 1.1.1( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의 는대체텍스트를제공해야한다. 미나용도를이해할수있도록대체텍스트를제공해야한다. 1.2( 멀티미디어대체수단 ) 동영상, 음 1.2.1( 자막제공 ) 멀티미디어콘텐츠에는자막, 원고또는수성등멀티미디어콘텐츠를이해할수있화를제공해야한다. 도록대체수단을제공해야한다 ( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다 ( 명확한지시사항제공 ) 지시사항은모양, 크기, 위치, 1.3( 명료성 ) 콘텐츠는명확하게전달되방향, 색, 소리등에관계없이인식될수있어야한다. 어야한다 ( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간 의명도대비는 4.5 대 1 이상이어야한다 ( 배경음사용금지 ) 자동으로재생되는배경음을사용하 지않아야한다. 9

11 3. 한국형웹콘텐츠접근성지침 2.0 운용의용이성 지침 (4개) 검사항목 (8개) 2.1.1( 키보드사용보장 ) 모든기능은키보드만으로도사용할 2.1( 키보드접근성 ) 콘텐츠는키보드로수있어야한다. 접근할수있어야한다 ( 초점이동 ) 키보드에의한초점은논리적으로이동해야하며시각적으로구별할수있어야한다 ( 응답시간조절 ) 시간제한이있는콘텐츠는응답시간을 2.2( 충분한시간제공 ) 콘텐츠를읽고조절할수있어야한다. 사용하는데충분한시간을제공해야 2.2.2( 정지기능제공 ) 자동으로변경되는콘텐츠는움직임을한다. 제어할수있어야한다. 2.3( 광과민성발작예방 ) 광과민성발 2.3.1( 깜빡임과번쩍임사용제한 ) 초당 3~50 회주기로깜빡작을일으킬수있는콘텐츠를제공하이거나번쩍이는콘텐츠를제공하지않아야한다. 지않아야한다 ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. 2.4( 쉬운내비게이션 ) 콘텐츠는쉽게 2.4.2( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제내비게이션할수있어야한다. 목을제공해야한다 ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해 할수있도록 10 제공해야한다.

12 3. 한국형웹콘텐츠접근성지침 2.0 이해의용이성 지침 (4개) 검사항목 (6개) 3.1( 가독성 ) 콘텐츠는읽고이해 3.1.1( 기본언어표시 ) 주로사용하는언어를명시해야하기쉬워야한다. 한다. 3.2( 예측가능성 ) 콘텐츠의기능3.2.1( 사용자요구에따른실행 ) 사용자가의도하지않과실행결과는예측가능해야한다. 은기능 ( 새창, 초점변화등 ) 은실행되지않아야한다 ( 콘텐츠의선형화 ) 콘텐츠는논리적인순서로제공 3.3( 콘텐츠의논리성 ) 콘텐츠는해야한다. 논리적으로구성해야한다 ( 표의구성 ) 표는이해하기쉽게구성해야한다 ( 레이블제공 ) 입력서식에는대응하는레이블을 3.4( 입력도움 ) 입력오류를방지제공해야한다. 하거나정정할수있어야한다 ( 오류정정 ) 입력오류를정정할수있는방법을제 공해야한다. 11

13 3. 한국형웹콘텐츠접근성지침 2.0 견고성 지침 (2 개 ) 검사항목 (2 개 ) 4.1( 문법준수 ) 웹콘텐츠는마크 4.1.1( 마크업오류방지 ) 마크업언어의요소는열고 업언어의문법을준수해야한다. 닫음, 중첩관계및속성선언에오류가없어야한다. 4.2( 웹애플리케이션접근성 ) 웹 4.2.1( 웹애플리케이션접근성준수 ) 콘텐츠에포함된애플리케이션은접근성이있어야웹애플리케이션은접근성이있어야한다. 한다. 한국형웹콘텐츠접근성지침 2.0 다운로드 : 12

14 4. 향후추진일정및주요질문 향후추진일정 -2010년상반기 : 의견수렴 -2010년하반기 : 국가표준개정추진 (12월말예정 ) 준수사례, 흔히범하는 실수사례등을알려주세요!! 13

15 5. 결론 C CSS Zen Garden 을 배우고느끼며 S S 우연히만난우리들 (Serendipity) 의미있는웹을위해 (Semantic) 오늘이자리에모였네!! 14

16 5. 결론 D E S I G N 꿈없는 (?) 4D에종사한다고말하지만, (Dreamless) 우리는 CSS 와접근성전도사에요 (Evangelist) 우리에겐남과다른성공의기준이있어요 (Success) 장애인등모든사람에게인터넷이 (Internet) 신이내린선물이되도록노력하는것이지요 (Gift) 보다많은네트워킹을통해 (Netw orking) 15 하루빨리!!

17 5. 결론 K O R E A 16

18 감사합니다 한국정보화진흥원정보접근지원부책임 )

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

HTML 5 오픈컨퍼런스 (2010. 7. 2) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/) 1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1 1. 들어가기 축구 웹 좋은웹이될려면, 기본은? 표준과접근성을지켜야지요!!