1. K-WAH4.4
웹접근성 연구소에서 k-wah 4.4를 다운받아 사이트의 웹접근성 검사 가능
접근성 지침의 6개 세부지침을 준수하는지를 자동 점검하도록 지원
- 대체텍스트 제공
- 제목제공
- 기본언어 명시
- 사용자 요구에 따른 새창 열기
- 레이블 제공
- 마크업 오류 방지
2. N-WAX
http://nuli.nhncorp.com/markup_tools/nwax
- NHN의 NWCAG(NHN Web Content Accessibility Guidelines) 체크리스트에 따라 평가
- 파이어폭스와 크롬 브라우저에서 사용 (현재 크롬 브라우저에서 정상 작동하지 않음)
3. 웹 브라우저 개발자 도구 (F12)
- 크롬, 파이어폭스, IE에서 F12키를 눌러 실행
- 그래픽 컨텐츠에 대체 텍스트 제공
- 웹 문서에 문법 오류 없게 하기
- 논리적인 순서 보장
4. UIA Verify
http://uiautomationverify.codeplex.com/
- 플래시, 실버라이트 등의 접근성 정보 검사
5. PEAT
스크린에 나타나는 내용에 대한 발작 위험 확인
6. 명도대비 비율 (CONTRAST RATIO)
- 전경색과 배경색의 명도 차이를 비교
juicystudio.com
http://juicystudio.com/services/luminositycontrastratio.php
KWCAG 2.0에 보면 저시력 사용자가 콘텐츠를 인식할 수 있도록 콘텐츠와 배경색의 명도 대비가 4.5:1 이상이 되어야 한다는 지침이 있다.
1.3.3 텍스트 콘텐츠와 배경간의 명도 대비는 4.5:1 이상이어야 한다.
이것에 맞춰 디자인을 하기 위해 명도 대비를 체크하는 프로그램을 사용한다.
Colour Contrast Analyser (웹접근성 명도대비 테스트기)
- 오른쪽의 스포이드 버튼을 누른 뒤 웹브라우저 상에서 특정 칼라를 클릭하면 해당 칼라의 색상값이 나온다.
- Foreground 칼라와 Background 칼라를 비교하여 4.5:1 이상이 되도록 하면 된다.
'웹접근성과 웹표준' 카테고리의 다른 글
CSS3: 텍스트/박스에 그림자 효과, 박스 테두리 라운드 효과 (0) | 2013.08.18 |
---|---|
네이버 널리에서 제공하는 웹 접근성 체크 (0) | 2013.08.17 |
CSS3 프로퍼티: opacity, transform, transition (0) | 2013.08.12 |
웹표준 사이트 실습 예제 #1 HOME 화면 (0) | 2013.08.11 |
APMSETUP7: 내 컴퓨터를 웹서버로 만들기 (0) | 2013.08.11 |