SlideShare a Scribd company logo
1 of 43
Korea Web Accessibility Group
장성민
jangkunblog@gmail.com
한국형웹콘텐츠접근성지침2.0의 사례적 접근
KWCAG 2.0
장애유형에 따른
KWCAG 2.0
Korea Web Content Accessibility Guidelines
한국형웹콘텐츠접근성지침2.0
한국형웹콘텐츠접근성지침2.0
개괄
2010.12.31
국가표준 등록
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
4대 원칙
인식의용이성 (Perceivable)
운용의용이성 (Operable)
이해의용이성 (Understandable)
견고성 (Robust)
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
13지침
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
22검사항목
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
22검사항목 중
1개 정도는 제공못해도 괜찮다?
X
Web Accessibility
http://www.w3.org/WAI/intro/components.php
For
What?
Web Accessibility 웹 접근성
Web Accessibility 웹 접근성
장애인,고령자를포함한
웹이용자의확대
Web Accessibility 웹 접근성
웹접근성준수의법률적의무화
장애인차별금지및권리구제등에관한법률
Web Accessibility 웹 접근성
효율성제고및비용절감효과
트래픽감소,개발기간단축,유지보수
Web Accessibility 웹 접근성
긍정적이미지제고
공공기관&민간기업
Web Accessibility 웹 접근성
Search Engine Optimization
검색엔진최적화
웹접근성은변수가많아서
어렵다?
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
장애환경을이해하면
웹접근성이쉽다!
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
지체장애
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
뇌병변장애
시각장애
청각장애
언어장애
지적장애
자폐성장애
정신장애
신장장애
심장장애
호흡기장애
간장애 안면장애
장루.요루장애
간질장애
한국형웹콘텐츠접근성지침2.0
사례적 접근
장애유형에 따른
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
시각장애
전맹 약시 색각장애
Blindness LowVision Color Blindness
alt=”국정지표개념도”
1.1.1(적절한대체텍스트제공)
텍스트아닌콘텐츠는그의미나용도를이해할수있도록대체텍스트를제공해야한다.
X
색상으로만정보구분
1.3.1(색에무관한콘텐츠인식)
콘텐츠는색에관계없이인식될수있어야한다.
명도대비
1.3.3(텍스트콘텐츠의명도대비)
텍스트콘텐츠와배경간의명도대비는4.5대1이상이어야한다.
색상으로서비스지시
1.3.2(명확한지시사항제공)
지시사항은모양,크기,위치,방향,색,소리등에관계없이인식될수있어야한다.
바로가기가스킵네비게이션?
2.4.1(반복영역건너뛰기)
콘텐츠의반복되는영역은건너뛸수있어야한다.
메뉴건너뛰기만필요!
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
청각장애
농아 난청
Deafness Hard of hearing
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
요약된원고
1.2.1(자막제공)
멀티미디어콘텐츠에는자막,원고또는수화를제공해야한다.
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
지체장애
운동장애(상지,하지장애)
Motor impairments
허약,근육조절제한,감각의결여,관절문제,
사지가없는것을포함
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
지체장애
•특수한마우스
•손의움직임범위내에서도달할수있도록배열된키보드
•헤드마우스(head-mouse)
•헤드포인터(head-pointer)
•마우스스틱(mouth-stick)과같은포인팅장치
•음성인식소프트웨어
•눈초점인지(eye-gaze)시스템
자동으로페이지변경으로인해
해당내용인식어려움
2.2.1(응답시간조절)
시간제한이있는콘텐츠는응답시간을조절할수있어야한다.
경고없이열리는팝업/레이어
3.2.1(사용자요구에따른실행)
사용자가의도하지않은기능(새창,초점변화등)은실행되지않아야한다.
논리적인순서로탭이이동하지않는서식
2.1.2(초점이동)
키보드에의한초점은논리적으로이동해야하며
시각적으로구별할수있어야한다.
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
인지,신경장애
지적장애 발작장애
Intellectual Disabilities Seizure Disorders
목적이나용도를알기어려운링크텍스트
2.4.3(적절한링크텍스트)
링크텍스트는용도나목적을이해할수있도록제공해야한다.
지나치게깜빡이는콘텐츠
2.3.1(깜빡임과번쩍임사용제한)
초당3~50회주기로깜빡이거나번쩍이는콘텐츠를제공하지않아야한다.
6억 5천만
5천 4백만
2백 4십만
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
전세계인구의10%
대한민국
미국인구의19%
혹시
아세요?
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
그거
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
공공기관을비롯해모든법인은
직원의모집.채용,임금및복리후생
정보는 웹접근성준수대상
이미
KWCAG 2.0 한국형웹콘텐츠접근성지침2.0
내년이2012년,그리고바로2013년,
모든법인의모든콘텐츠가웹접근성준수대상
이라는 을.......
사실
고맙습니다
성민장군만세!!!
www.jangkunblog.com

More Related Content

Viewers also liked

07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)
07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)
07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)溫秀嬌
 
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]WSConf.
 
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]WSConf.
 
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]WSConf.
 
правила дорожные знать каждому положено
правила дорожные знать каждому положеноправила дорожные знать каждому положено
правила дорожные знать каждому положеноAnastasia Simonova
 
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)Sungmin Jang
 
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]WSConf.
 
Peta kerja keseluruhan
Peta kerja keseluruhanPeta kerja keseluruhan
Peta kerja keseluruhanQorinatul
 
Accroitre la dimmension pédagogique, by Hopineo
Accroitre la dimmension pédagogique, by HopineoAccroitre la dimmension pédagogique, by Hopineo
Accroitre la dimmension pédagogique, by HopineoHopineo
 
2012 11-13 présentation assemblée générale du 7 décembre 2012
2012 11-13 présentation assemblée générale du 7 décembre 20122012 11-13 présentation assemblée générale du 7 décembre 2012
2012 11-13 présentation assemblée générale du 7 décembre 2012Nioox72
 
Удивительный светофор
Удивительный светофорУдивительный светофор
Удивительный светофорAnastasia Simonova
 

Viewers also liked (13)

07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)
07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)
07.到列支敦士登國家.首都瓦都茲.住宿瑞士(2016.05.25.下午5點~晚上10點45分)
 
Shooting schedule
Shooting scheduleShooting schedule
Shooting schedule
 
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]
지성봉 - WAI-ARIA 실전 공략 [WSConf. Seoul 2016/2017]
 
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]
안형우 - 유지보수하기 쉬운 CSS 전략 [WSConf. Seoul 2016/2017]
 
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]
윤원진 - 반응형웹디자인(RWD)을 위한 넓고 얕은 지식 [WSConf. Seoul 2016]
 
правила дорожные знать каждому положено
правила дорожные знать каждому положеноправила дорожные знать каждому положено
правила дорожные знать каждому положено
 
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)
워드프레스로 웹 접근성 칭찬받기 (워드프레스 미트업)
 
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]
이환 - 이미지는 마크업의 반이다. [WSConf. Seoul 2016/2017]
 
Peta kerja keseluruhan
Peta kerja keseluruhanPeta kerja keseluruhan
Peta kerja keseluruhan
 
Accroitre la dimmension pédagogique, by Hopineo
Accroitre la dimmension pédagogique, by HopineoAccroitre la dimmension pédagogique, by Hopineo
Accroitre la dimmension pédagogique, by Hopineo
 
2012 11-13 présentation assemblée générale du 7 décembre 2012
2012 11-13 présentation assemblée générale du 7 décembre 20122012 11-13 présentation assemblée générale du 7 décembre 2012
2012 11-13 présentation assemblée générale du 7 décembre 2012
 
Удивительный светофор
Удивительный светофорУдивительный светофор
Удивительный светофор
 
ПДД для малышей
ПДД для малышейПДД для малышей
ПДД для малышей
 

DevOn PT (Korea Web Accessibility Group)

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n