1. 웹 접근성의 A to Z 2009. 7 한국정보화진흥원 웹 접근성 지원부 현 준 호 Jhyun22@kado.or.kr 성균관대학교 시스템경영공학부 BK21 사업단 (7.20)
2.
3.
4.
5. 1. 들어가기 -4 현 준 호 4 장애인은 단지 비장애인과 의사소통 , 컴퓨터 , 인터넷 , … 을 다른 방법 으로 하는 사람이다 !!! 장애를 느끼지 않는 IT 환경구축 필요 출처 : 한국장애인고용촉진공단 , http://www.kepad.or.kr/info_center/multi_data/movie.jsp#
6.
7. 2. 웹 접근성 A to Z - A 현 준 호 웹 접근성 = 인터넷 상의 경사로를 만들어 주자 다리가 아플 때 축구 , 등산을 하고 난 뒤 무거운 짐을 들고 다닐 때 등 키보드를 활용하지 못할 때 저사양 컴퓨터 , 모뎀 등 통신환경이 좋지 않을 때 시끄러운 환경에 놓여 일을 때 동영상 보기 등 6 웹 접근성 소개 동영상 : http://www.kado.or.kr/wa/data/wa_WMV_512Kbit_stream.wmv Accessibility A
8. 2. 웹 접근성 A to Z - A 현 준 호 7 Amway A 1 명 , 2 명 , 4 명 , 8 명 ...( 다단계 ) (Amway ’ s way) “ If I can get another 10 engineers motivated to work on accessibility,” he said, “it is a huge win.” - Google T.V Raman, New York Times(‘09. 1.3) 함께해요 !!
9. 2. 웹 접근성 A to Z - A 현 준 호 8 ATRC A http://atrc.utoronto.ca/ 캐나다 토론토 대학의 접근성 관련 연구소 - ATRC Accessibility Checker ( 온라인 Url 평가 등 ) ( http://www.achecker.ca/checker/index.php ) - A-Prompt ( 웹 접근성 평가도구 , 미국 위스콘신메디슨과 공동 개발 , 한국어버전 개발 등 ) (http://aprompt.snow.utoronto.ca/ ) - 이러닝 등 교육 부문 접근성 제고를 위한 다수의 연구 및 개발 프로 젝트 수행 중
10. 2. 웹 접근성 A to Z - A 현 준 호 9 AT (Assistive Technology) A http://www.abledata.com/ http://211.118.134.78/KADO/index.aspx
11.
12. 2. 웹 접근성 A to Z - B 현 준 호 11 BBC B My web My way : http://www.bbc.co.uk/accessibility/
13.
14. 2. 웹 접근성 A to Z - B 현 준 호 13 Built-in B 출처 : http://naradesign.net/open_content/lecture/DW&CSS/1_5.html 드림 위버 매킨 토시 OS 출처 :http://www.bbc.co.uk/accessibility/ IE 브라우저 프론트 페이지
15.
16. 2. 웹 접근성 A to Z - C 현 준 호 15 Cost-Benefit C ※ 출처 : 유럽연합 (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 장애인 / 노인의 이용도 웹 접근성 개선을 위한 추가비용 (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 유로 (1 조 771 억원 ) 562,031,180 유로 (1 조 116 억원 ) 440,747,181 유로 (7,933 억원 ) 258,821,184 유로 (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 억원 )
17. 2. 웹 접근성 A to Z - C 현 준 호 16 CSUN C http://www.csunconference.org/index.cfm?EID=80000144
18. 2. 웹 접근성 A to Z - D 현 준 호 17 DDA (Disability Discrimination Act) D 출처 : http://imnews.imbc.com/replay/nwtoday/article/2151588_2710.html ’ 08 년 4 월 11 일부터 ‘ 장애인 차별금지 및 권리구제 등에 관한 법률 ’ 시행 !! 미국 장애인법 (1990) 재활법 508 조 (1998) 장애인 차별 금지법 (1995, 2004 년 10 월 부터 효력발생 )
19.
20. 2. 웹 접근성 A to Z - D 현 준 호 19 Diet D 녹색성장 등을 위해서는 IT 의 다이어트 필요 !! 포털 사이트 구글에 들어가 검색 엔진을 한 번 쓸 때마다 전력 소비로 인해 7g 정도의 이산화 탄소 (CO₂) 가 배출된다는 연구 결과를 최근 발표
21. 2. 웹 접근성 A to Z - E 현 준 호 20 Equivalent E 장애인은 단지 비장애인과 의사소통 , 컴퓨터 , 인터넷 , … 을 다른 방법 으로 하는 사람이다 !!! 장애를 느끼지 않는 IT 환경구축 필요 출처 : 한국장애인고용촉진공단 , http://www.kepad.or.kr/info_center/multi_data/movie.jsp#
22. 2. 웹 접근성 A to Z - E 현 준 호 21 Evangelist E http://joeclark.org/ http://www.contentquality.com/ http://www.uiaccess.com/accessucd/ http://jimthatcher.com/ http://gregshin.pe.kr/blog/ http://hyeonseok.com/ http://uxall.net/wp/ http://jhyun.wordpress.com/
23. 2. 웹 접근성 A to Z - E 현 준 호 22 Equivalent E 이미지에 대한 동등한 대체 텍스트 , 동영상에 대한 동등한 자막은 검색 등 비장애인에게도 큰 도움을 !!
24. 2. 웹 접근성 A to Z - F 현 준 호 23 Flash Accessibility F Flash 접근성 패널 이용 이미지 대체 텍스트 동영상 자막 Flash 접근성 준수를 위해서는 플래시 저작도구에서 제공하는 접근성 패널은 이용하여 제작해야 함
25.
26. 2. 웹 접근성 A to Z - G 현 준 호 25 Gift G 컴퓨터와 인터넷은 신이 장애인에게 내린 선물이다 ?? (KADO 손연기 원장 , 서울대 이상묵 교수 등 ) Possible Easy Fast 선물이 되기 위한 웹 사이트 원칙 !!
27.
28.
29.
30.
31. 2. 웹 접근성 A to Z - J 현 준 호 30 JIS X8341-3 J 미국 Section 508 표준 http://section508.gov/ 영국 , 호주 , EU 등 W3C WCAG 표준 활용 http://www.w3.org/TR/WCAG20/ (2008 년 12 월 11 일 개정 )
32. 2. 웹 접근성 A to Z - J 현 준 호 31 Just Ask J 묻자 , 묻자 , 묻자 !! (Just Ask)
33.
34.
35.
36. 2. 웹 접근성 A to Z - L 현 준 호 35 Look and Feel L http://www.tbs-sct.gc.ca/clf-nsi/index-eng.asp
37. 2. 웹 접근성 A to Z - M 현 준 호 36 Microsoft M Microsoft 접근성 제고 노력 ( http://www.microsoft.com/enable/ ) - Microsoft 접근성 사명 (Commitment) 제정 - MSDN (Microsoft Developer Network) 구축 및 운영 - MSAA (Microsoft Active Accessibility) : MS 운영체제와 보조 기술과의 호환성을 보장하기 위해 접근성 관련 정보를 제공 - MS 운영체제의 접근성 보장 - 보조기술 관련 최신 정보 제공 - 사례 제공
38. 2. 웹 접근성 A to Z - M 현 준 호 37 http://msdn.microsoft.com/ko-kr/accessibility/default(en-us).aspx
39. 2. 웹 접근성 A to Z - N 현 준 호 38 Nielsen N Back to the Basic 장애인 , 노인 등 모든 사람이 (Possible) 손쉽게 이용하며 (Easy) 원하는 것을 빨리 (Fast) 할 수 있는 웹 사이트로 Usability Customer Satisfaction http://www.useit.com/alertbox/ Accessibility Universal Design
40. 2. 웹 접근성 A to Z - O 현 준 호 39 Operable O 웹 콘텐츠에 포함된 모든 요소들의 기능은 누구가 쉽게 이용 할 수 있어야 한다 (Principle 2: UI components and navigation must be Operable ) 지침 4 : 이미지 맵 기법 사용 제한 지침 5 : 프레임 사용 제한 지침 6 : 깜빡거리는 객체 사용 제한 깜빡임 사용자제 및 회피기능 제공 지침 7 : 키보드만으로 이용 가능 Tab, Shift+Tab 으로 모두 이동 지침 8 : 반복네비게이션 링크 중복 부문을 건너뛸 수 있는 링크 지침 9 : 반응시간의 조절 기능 시간 조절 기능 제공
41. 2. 웹 접근성 A to Z - O 현 준 호 40 Opportunity O 웹의 기회를 모두에게 제공하기 !! 장애인도 인터넷으로 쇼핑을 장애인도 인터넷으로 뱅킹을 장애인도 인터넷으로 전자정부 업무를 장애인도 인터넷으로 정보 습득을 ……… ..
42. 2. 웹 접근성 A to Z - P 현 준 호 41 Perceivable P 웹 사이트에서 서비스하고 있는 모든 콘텐츠는 누구나 쉽게 인지할 수 있도록 설계되어야 한다 (Principle 1: Content must be Perceivable ) 지침 1 : 텍스트 아닌 콘텐츠의 인식 – 대체 텍스트 (Alt-text) 지침 2 : 영상매체의 인식 – 캡션 지침 3 : 색상에 무관한 인식
43. 2. 웹 접근성 A to Z - Q 현 준 호 42 Quality of life Q IT (Website) 는 장애 극복의 최대의 수단 장애인 , 비장애인의 삶의 질 제고에 기여 정보 습득 쇼 핑 금융 거래 정부 업무 여 가 의사 소통
44. 2. 웹 접근성 A to Z - Q 현 준 호 43 Quality of life Q 참고자료 : YTN : 장애인 차별 없는 IT 세상 , 2008 년 3 월 12 일 http://www.ytn.co.kr/_comm/pop_mov.php?s_mcd=0105&s_hcd=&key=200803121052149079 < 서울대 이상묵 교수 > “ 장애인에게 필요한 것은 줄기세포가 아니라 현실적인 정보기술 (IT)”
45. 2. 웹 접근성 A to Z - R 현 준 호 44 Robust R 지침 13 : 신기술 사용 제한 지침 14 : 별도 페이지 제공 (Text-only Page) 콘텐츠는 보조기기 등 사용자 에이전트 (User agents) 의 종류 및 버전에 관계없이 사용될 수 있어야 한다 (Principle 4: Contents must be Robust regardless of user agents Text-Only Homepage
46. 2. 웹 접근성 A to Z - R 현 준 호 45 RNIB R http://www.rnib.org
47.
48.
49.
50.
51. 2. 웹 접근성 A to Z - T 현 준 호 50 Test T Vischeck http://www.vischeck.com/vischeck/vischeckImage.php 색상에 무관한 인식 후지쯔 Color Doctor ( 색맹 시험 ) http://design.fujitsu.com/en/universal/assistance/colordoctor/download.html
52. 2. 웹 접근성 A to Z - T 현 준 호 51 Test T 깜빡거림 o 웹 콘텐츠에는 애니메이션 등과 같이 깜박거리는 회수가 1 초에 3 번에서 49 번 되는 것은 없는지를 살펴보아라 !! < 참고 사이트 > 깜박임을 파악할 수 있는 사이트 http://tools.webaccessibile.org/test/check.aspx
53.
54.
55. 2. 웹 접근성 A to Z - T 현 준 호 54 TRACE Center T http://trace.wisc.edu/
56. 2. 웹 접근성 A to Z - U 현 준 호 55 Understandable U 지침 10 : 데이터 테이블 구성 지침 11 : 논리적 구성 지침 12 : 온라인 서식 구성 사용자들이 가능한 쉽게 콘텐츠를 이해할 수 있어야 한다 (Principle 3: Information and Contents must be Understandable ) A B
57. 2. 웹 접근성 A to Z - U 현 준 호 56 Universal Design U http://design.ncsu.edu/cud/ Equitable Use Flexibility in Use Simple and Intuitive Use Perceptible Information Tolerance for Error Low Physical Effort Size and Space for Approach and Use
58. 2. 웹 접근성 A to Z - U 현 준 호 57 Universal Design U 하나의 제품과 서비스로 어르신 장애인 어린이 환자 보다 많은 사람을 !!! 보다 많은 환경에서 !! 여성 왼손잡이 무거운 짐을 장갑을 착용 미끄러운 손 ( 비누 등 ) 흑백 프린터 ( 흑백 복사기 ) 어둡거나 시끄러울 때
59.
60.
61.
62.
63. 2. 웹 접근성 A to Z - Y 현 준 호 62 Yahoo Y http://uk.docs.yahoo.com/info/accessibility.html 야후 스크린리더 이용에 대한 설명 자료 한국어 번역본 : http://jayr.egloos.com/1318039 http://developer.yahoo.com/yui/
64.
65. 참 고 현 준 호 64 웹 접근성 연구소 사이트 개편 : http://www.wah.or.kr/
66. 감 사 합 니 다 문의처 : [email_address] http://jhyun.wordpress.com/