KADO-WAH 2.0 (웹 접근성 평가도구)

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)을 기준으로 접근성 평가 기능

• 다수 페이지를 평가

• 접근성 미비 부분에 대한 수정기능 제공

• 평가 보고서를 제공 (접근성이 미비 위치 및 통계자료 포함)

　

기대효과

• 국내 웹 접근성 저변 확대를 통해 모든 이가 제약 없이 쉽게 인터넷 정보에 접근

• 장애인 및 노인 등 정보취약계층이 일반인과 동등하게 웹 사이트에 접근하여 모든 이가 정보화의 혜택을 함께 누릴 수 있는 기반환경 조성

다운로드

• KADO-WAH 2.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		어플리케이션의 링크나 어플리케이션을 다운 받을 수 있는 페이지 링크 제공	정성검사