HTML 5 오픈컨퍼런스 (2010. 7. 2) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/)
1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1
1. 들어가기 축구 웹 좋은웹이될려면, 기본은? 표준과접근성을지켜야지요!! 2
1. 들어가기 축구 웹 축구에서는체력이, 웹에서는표준및접근성준수없이는 하지만, 최고의선수 최고의웹사이트가될수는없지요!! 3
2. 접근성이란? 누구를위한웹? My Web (? ) Way Not Developer & Operators, But My 4
2. 접근성이란? 누구를위한웹? 보다많은사람 Web For All 보다많은환경 출처 : http://www.w3.org/consortium/mission 5
2. 접근성이란? 장애인 전세계인구의 10% (6억 5천만명 ) 미국인구중 5천 4백만명, 19% 우리나라약 2 백 4 십만명어떤계층일까요?? ( 출처 : UN ENABLE Websites, http://www.un.org/disabilities/default.asp?id=18 ) ( 출처 : 미국통계국, http://www.census.gov/newsroom/releases/archives/facts_for_features_special_editions/cb10-ff13.html ) 6
2. 접근성이란? 보조기기 보조기기 (Assistive Technology) 란? 정보통신보조기기체험관 : http://at4u.or.kr/ http://abledata.com/ 7
2. 접근성이란? 구성요소 (W3C WAI) Components of Web Accessibility (WAI, Wendy) Technical Components - Technical Specification - Contents - Tools Contents Human Components - Contents producers - End-users - Tool developers Evaluation Tools Authoring Tools Browsers, media players Assisitive Technologies Developers Accessibility Guidelines ATAG, WCAG, UAAG Technical Spec (HTML, XML, CSS, SVG, SMIL, etc..) Users 출처 : http://www.w3.org/wai/eo/drafts/slides/components.html 8
2. 접근성이란? 경제적효과 장애인 / 노인의 이용도 웹접근성개선을위한추가비용 (1 유로 1,800 원기준 ) 2% 5% 15% 30% 5% 287,079,790 유로 (5,167 억원 ) 250,694,590 유로 (4,512 억원 ) 129,410,592 유로 (2,329 억원 ) -52,515,405 유로 (-945 억원 ) 손실 10% 598,416,379유로 562,031,180유로 440,747,181유로 258,821,184유로 (1 조 771 억원 ) (1 조 116 억원 ) (7,933 억원 ) (4,658 억원 ) 20% 1,221,089,558 유로 (2 조 1,979 억원 ) 1,184,704,358 유로 (2 조 1,324 억원 ) 1,063,420,360 유로 (1 조 9,141 억원 ) 881,494,363 유로 (1 조 5,866 억원 ) 출처 : 유럽연합 (Commission of the European Communities), Accessibility of ICT products and services to disabled and older people, 2008. 11 주 : 전자정부사이트를장애인 / 노인등이연 2 회이용한다고가정함 http://ec.europa.eu/information_society/newsroom/cf/itemdetail.cfm?item_id=4722 9
2. 접근성이란? 핵심개념 Equivalent 동등한접근보장필요 ( 동일한접근은아님 ) 보는방법이다른사람및환경 시각장애인등듣는방법이다른사람및환경 청각장애인등입력방법이다른사람및환경 지체장애인등 10
3. KWCAG 2.0 추진배경및경과 추진배경 - W3C WCAG 2.0 제정 (2008년 12월 ) - 신기술의등장 (Ajax, RIA(Flex, Sliverlight 등 ) 등장등 ) 추진경과 : 2008년 ~ 2009년추진 - 전문가회의및공지사항을통한의견수렴 (11 월 4 일 ~ 11 월 25 일 ) 작업반 : 김석일위원장외 10 인 ( 장애인단체, 기업, 학계등 ) 추진기관 : 한국정보화진흥원 11
3. KWCAG 2.0 - 구성및개발원칙 구성 : 4개원칙, 13개지침, 22개검사항목 - 원칙 (4개) : 인식의용이성 (Perceivable), 운용의용이성 (Operable), 이해의용이성 (Understandable), 견고성 (Robust) - 지침 (13개) : 대체텍스트, 멀티미디어대체수단등 13개 - 검사항목 (22 개 ) : 적절한대체텍스트제공등총 22 개개발원칙 : W3C WCAG 2.0 Level A 기반으로개발 ( 국내실정을고려하여특정항목은 Level AA까지검토 ) - 검사항목과사례를포함하여보기쉽게작성 * 기존국가표준 + 국가표준기술가이드라인을한문서로통합 12
3. W3C WCAG 2.0 WCAG 1.0 WCAG 2.0 1999 년 5 월 14 개가이드라인 65 개체크포인트 HTML 중심 WCAG2.0 변경의핵심배경 1 유연성제고 (Flexible) + 2 검증가능성제고 (Testable) 13 2008 년 12 월 4 개지침 (Principals) 12 개가이드라인 61 개성공기준 ( 중요도 1 : 25 개, 중요도 2 : 13 개, 중요도 3 : 23 개 ) HTML, RIA 등다양한기술 * 출처 : http://www.w3.org/2008/12/wcag2 0-pressrelease.html.en
3. W3C WCAG 2.0 WCAG 2.0 개요 : POUR 출처 : http://www.w3.org/wai/wcag20/glance/ 인식의용이성 (Perceivable) 대체텍스트캡션및대체수단적용가능성 ( 보조기기, 색상만, 논리적구성등 ) 충분한색상대비 운용의용이성 (Operable) 키보드이용보장충분한시간보장깜빡임배제검색가능성제고 (skip, page title 등 ) 이해의용이성 (Understandable) 가독성및이해용이성예측가능성오류예방및정정 기술적진보성 (Robust) 호환성 ( 현재와미래기기에서의호환성최대화 ) 14
3. 한국형웹콘텐츠접근성지침 2.0 인식의용이성 지침 (3 개 ) 검사항목 (6 개 ) 1.1( 대체텍스트 ) 텍스트아닌콘텐츠에 1.1.1( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의 는대체텍스트를제공해야한다. 미나용도를이해할수있도록대체텍스트를제공해야한다. 1.2( 멀티미디어대체수단 ) 동영상, 음 1.2.1( 자막제공 ) 멀티미디어콘텐츠에는자막, 원고또는수성등멀티미디어콘텐츠를이해할수있화를제공해야한다. 도록대체수단을제공해야한다. 1.3.1( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다. 1.3.2( 명확한지시사항제공 ) 지시사항은모양, 크기, 위치, 1.3( 명료성 ) 콘텐츠는명확하게전달되방향, 색, 소리등에관계없이인식될수있어야한다. 어야한다. 1.3.3( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간 의명도대비는 4.5 대 1 이상이어야한다. 1.3.4( 배경음사용금지 ) 자동으로재생되는배경음을사용하 지않아야한다. 15
3. 한국형웹콘텐츠접근성지침 2.0 운용의용이성 지침 (4개) 검사항목 (8개) 2.1.1( 키보드사용보장 ) 모든기능은키보드만으로도사용할 2.1( 키보드접근성 ) 콘텐츠는키보드로수있어야한다. 접근할수있어야한다. 2.1.2( 초점이동 ) 키보드에의한초점은논리적으로이동해야 하며시각적으로구별할수있어야한다. 2.2.1( 응답시간조절 ) 시간제한이있는콘텐츠는응답시간을 2.2( 충분한시간제공 ) 콘텐츠를읽고조절할수있어야한다. 사용하는데충분한시간을제공해야 2.2.2( 정지기능제공 ) 자동으로변경되는콘텐츠는움직임을한다. 제어할수있어야한다. 2.3( 광과민성발작예방 ) 광과민성발 2.3.1( 깜빡임과번쩍임사용제한 ) 초당 3~50회주기로깜빡작을일으킬수있는콘텐츠를제공하이거나번쩍이는콘텐츠를제공하지않아야한다. 지않아야한다. 2.4.1( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. 2.4( 쉬운내비게이션 ) 콘텐츠는쉽게 2.4.2( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제내비게이션할수있어야한다. 목을제공해야한다. 2.4.3( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해 할수있도록 16 제공해야한다.
3. 한국형웹콘텐츠접근성지침 2.0 이해의용이성 지침 (4개) 검사항목 (6개) 3.1( 가독성 ) 콘텐츠는읽고이해 3.1.1( 기본언어표시 ) 주로사용하는언어를명시해야하기쉬워야한다. 한다. 3.2( 예측가능성 ) 콘텐츠의기능 3.2.1( 사용자요구에따른실행 ) 사용자가의도하지않과실행결과는예측가능해야한다. 은기능 ( 새창, 초점변화등 ) 은실행되지않아야한다. 3.3.1( 콘텐츠의선형화 ) 콘텐츠는논리적인순서로제공 3.3( 콘텐츠의논리성 ) 콘텐츠는해야한다. 논리적으로구성해야한다. 3.3.2( 표의구성 ) 표는이해하기쉽게구성해야한다. 3.4.1( 레이블제공 ) 입력서식에는대응하는레이블을 3.4( 입력도움 ) 입력오류를방지제공해야한다. 하거나정정할수있어야한다. 3.4.2( 오류정정 ) 입력오류를정정할수있는방법을제 공해야한다. 17
3. 한국형웹콘텐츠접근성지침 2.0 견고성 지침 (2 개 ) 검사항목 (2 개 ) 4.1( 문법준수 ) 웹콘텐츠는마크 4.1.1( 마크업오류방지 ) 마크업언어의요소는열고 업언어의문법을준수해야한다. 닫음, 중첩관계및속성선언에오류가없어야한다. 4.2( 웹애플리케이션접근성 ) 웹 4.2.1( 웹애플리케이션접근성준수 ) 콘텐츠에포함된애플리케이션은접근성이있어야웹애플리케이션은접근성이있어야한다. 한다. 한국형웹콘텐츠접근성지침 2.0 다운로드 : http://www.wah.or.kr/board/brd_view.asp?page=1&brd_sn=4&brd_idx=544 18
4. 향후추진일정 향후추진일정 - 2010년상반기 : 의견수렴 - 2010년하반기 : 국가표준개정추진 (12월말예정 ) 기타 - 실무지침서개발및보급 / W3C 기술문서번역및보급 HTML and XHTML Techniques for WCAG 2.0 (http://www.w3.org/tr/wcag20-techs/html.html) CSS Techniques for WCAG 2.0 등 (http://www.w3.org/tr/wcag20-techs/css.html) 19
5. 결론 Early Stage 기획단계에서부터 접근성고려필요!! 20
5. 결론 잊지말자, 3 개형용사 Back to the Basic 장애인, 노인등모든사람이 (Possible) Universal Design 손쉽게이용하며 (Easy) Usability Accessibility http://www.useit.com/alertbox/ 원하는것을빨리 (Fast) 할수있는웹사이트로 Customer Satisfaction 21
5. 결론 ü Web(IT) for everyone ü Cooperation between developer and users 같이 (Together) 접근성 [ 가치 ] 가치 (Value) ü Think Different à Innovation à Making $$$$ ü Corporate (Individual) Social Responsibility ü Machine (Technology) helps you 22
5. 결론 If I can get another 10 engineers motivated to work on accessibility, he said, it is a huge win. (2009. 1. 3) http://www.nytimes.com/2009/01/04/business/04blind.html?pagewanted=all 23
5. 결론 웹접근성다단계주식회사에 참여해주신모든분께감사드립니다!! 24
감사합니다