본문 바로가기
웹디자인 (HTML,SC)

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

by ·´″°³о♡ 날으는물고기 2009. 3. 4.

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

728x90

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

웹표준/웹접근성 점검 리스트

 

 

검사 도구

------------------------------------------------------------------------------------------

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

 

어플리케이션의 링크나 어플리케이션을 다운 받을 수 있는 페이지 링크 제공

정성검사

 

728x90

댓글0