KADO-WAH란?
-
웹 페이지의 접근성(Accessibility) 제공 여부를 국내외 웹 접근성 지침에 따라 자동으로 점검한 후에 그 문제점을 보고서로 제공하고 수정을 지원하여 웹 디자이너 및 프로그래머들이 쉽게 접근성이 있는 웹 페이지를 제작할 수 있도록 도와주는 프로그램입니다.
웹 접근성(Web Accessibility)이란?
-
어떠한 사용자(장애인, 노인 등), 어떤 기술 환경에서도 전문적인 능력 없이도 웹사이트에서 제공하는 모든 정보에 접근하고 이용할 수 있도록 보장하는 것을 말합니다.
개발 기관
-
한국정보문화진흥원(Korea Agency for digital Opportunity & Promotion)
「정보격차해소에관한법률 제16조」에 근거하여 설립된 정보격차 해소 전담 특별 법인입니다.
평가 지침
-
한국 웹 접근성 지침 (Korean Web Content Accessibility Guidelines 1.0)
-
미국 재활법 508조의 지침
-
W3C의 Web Content Accessibility Guidelines 1.0
특징
-
한국형 웹 접근성 지침(KWCAG 1.0)을 기준으로 접근성 평가 기능
-
다수 페이지를 평가
-
접근성 미비 부분에 대한 수정기능 제공
-
평가 보고서를 제공 (접근성이 미비 위치 및 통계자료 포함)
기대효과
-
국내 웹 접근성 저변 확대를 통해 모든 이가 제약 없이 쉽게 인터넷 정보에 접근
-
장애인 및 노인 등 정보취약계층이 일반인과 동등하게 웹 사이트에 접근하여 모든 이가 정보화의 혜택을 함께 누릴 수 있는 기반환경 조성
다운로드
출처
Web Content Accessibility Guidelines (WCAG) 2.0
인터넷 웹 콘텐츠 접근성 지침.pdf|
웹표준/웹접근성 점검 리스트 |
|
| ||
|
검사 도구 ------------------------------------------------------------------------------------------ 1)W3C html Validator: Xhtml 1.0 Transitional 표준 문법 준수 판단(http://validator.w3.org) 2)W3C CSS Validator: CSS2.1표준 문법 준수 판단(http://jigsaw.w3.org/css-validator) 3)Kado-Wah:웹접근성 자동 검증툴(http://www.iabf.or.kr/Lab/Kadowah/Kadowah.asp) 4)AIS: IE에서 작동하는 웹접근성 툴바(http://www.visionaustralia.org.au/ais/toolbar/) 5)Firefox Webdeveloper Toolbar: 파이어폭스 웹접근성 툴바(https://addons.mozilla.org/ko/firefox/addon/60) | ||||
|
|
|
|
|
|
|
번호 |
구분 |
점검 리스트 |
점검 방법 |
비고 |
|
1 |
웹표준 |
구조(xhtml),표현(CSS),동작(DOM/Script)의 분리 |
정성검사/html Validator |
|
|
2 |
|
Xhtml 1.0 Transitional 표준 문법 준수 |
html Validator |
|
|
3 |
|
CSS 표준 문법 준수 |
CSS Validator |
|
|
4 |
|
브라우저 호환성 (IE6/7/8,사파리3.0,파이어폭스2.0~,오페라9) |
정성검사 |
|
|
5 |
|
운영체제 호환성 (윈도우2000/XP/Vista,맥OSX10.4/10.5,리눅스Kernel2.6/glib2.4이상) |
정성검사 |
|
|
6 |
웹접근성 |
대체텍스트 제공 |
AIS:images->Toggle image/alt |
|
|
7 |
|
적절한 대체 텍스트 제공 |
정성검사 |
|
|
8 |
|
동영상에 동기화된 자막/원고 등을 제공 |
정성검사 |
|
|
9 |
|
색상 이외에 명암,패턴 등으로 콘텐츠 구분 가능 |
AIS:Color->Grayscale http://jigsaw.w3.org/css-validator | |
|
10 |
|
전경색과 배경색 충분한 대비 (상단메뉴,본문콘텐츠,하단 카피라이트 정보 중심) |
AIS:Colour->contrast Analyser |
|
|
11 |
|
충분한 텍스트 크기(12픽셀) 및 텍스트 축소/확대 가능 |
정성검사 |
|
|
12 |
|
프레임 사용 제한(4개 이하) |
AIS:Structure->Frame Name/Title |
|
|
13 |
|
각 프레임에 타이틀 속성 제공 |
|
|
|
14 |
|
깜빡거리는 객체 사용 제한 |
AIS:Images->Gif Flicker test |
|
|
15 |
|
동영상 자동 재생 금지 및 제어기능 사용자 선택 |
정성검사 |
|
|
16 |
|
키보드로만 운용가능 및 이동 순서 논리적 |
AIS:CSS->Disable CSS AIS:Structure->Show Tab Order 정성검사(탭키/스크린리더) | |
|
17 |
|
목록상자에서 항목선택후 버튼 클릭해야 기능 작동 |
정성검사 |
|
|
18 |
|
키보드만으로 하위 메뉴 이용 가능 |
정성검사(탭키/스크린리더) |
|
|
19 |
|
적절한 스킵 네비게이션 제공 |
AIS:CSS->Disable CSS |
|
|
20 |
|
이용에 시간 제한 있는 경우 경고 및 시간 조절 기능 제공 |
정성검사 |
|
|
21 |
|
불필요한 팝업창 사용 지양(title 속성 제공으로 새창임을 알림) |
정성검사 AIS:Structure->JavaScript / New Window Links | |
|
22 |
|
데이터 테이블은 summary 와 caption 제공 |
AIS: Structure->Simple Data Table (Complex Data Table) | |
|
23 |
|
데이터 테이블을 의미적으로 이해할 수 있도록 적절한 태그 사용 |
AIS: Structure->Show Table Headers |
|
|
24 |
|
페이지의 논리적 구성/선형화 |
AIS:CSS->Disable CSS AIS:Structure->Show Tab Order 정성검사(탭키/스크린리더) | |
|
25 |
|
링크의 목표 위치 명확화 |
정성검사 |
|
|
26 |
|
온라인 서식 구성시 각 서식 제어 요소를 설명하는 레이블 사용 |
AIS: Structure->Fieldset/Labels |
|
|
27 |
|
키보드 만으로 온라인 서식 입력 및 서식간 이동 가능(서식간 이동 순서 논리적) |
정성검사(탭키/스크린리더) |
|
|
28 |
|
부가 어플리케이션의 자체적 접근성 확보(플래시 등) |
정성검사 |
|
|
29 |
|
부가 어플리케이션이 작동하지 않는 경우에도 대체 콘텐츠 제공 |
정성검사 Firefox Webdeveloper Toolbar->Disadle->Disable JavaScript->All JavaScript | |
|
30 |
|
어플리케이션의 링크나 어플리케이션을 다운 받을 수 있는 페이지 링크 제공 |
정성검사 |
|
댓글