N-WAX는 웹 페이지의 접근성 진단을 쉽게 할 수 있도록 제작된 도구입니다. 서비스를 사용하기 위해 로그인을 하는 등 세션 정보가 요구되는 경우 및 자바스크립트, 플래시 등의 플러그인을 통한 동적으로 구성된 웹 페이지를 원활히 검사할 수 있도록 브라우저 확장 기능 형태로 제작되었습니다.

설치 및 실행 방법 (파이어폭스)

  1. 파이어폭스용 N-WAX 다운로드 링크를 통해 N-WAX를 설치합니다.
  2. 평가를 원하는 웹 페이지를 열어놓은 상태에서 사다리 모양의 아이콘을 클릭하면 사이드바에 N-WAX가 실행됩니다.
  3. 프레임 콘텐츠 포함 여부를 선택한 뒤 '현재 페이지 검사' 버튼을 클릭하여 체크리스트별 결과를 확인합니다.
그림1. N-WAX가 설치된 파이어폭스의 모습

설치 및 실행 방법 (구글 크롬)

  1. 구글 크롬용 N-WAX 다운로드 링크를 통해 N-WAX를 설치합니다.
  2. 평가를 원하는 웹 페이지를 열어놓은 상태에서 사다리 모양의 아이콘을 클릭하면 사이드바에 N-WAX가 실행됩니다.
  3. N-WAX 실행과 동시에 표시되는 체크리스트별 결과를 확인합니다.
그림2. N-WAX가 설치된 구글 크롬의 모습

N-WAX를 통해 진단할 수 있는 접근성 항목

대체 텍스트

  • 이미지 요소(<img>, <area>, <input type="image">, CSS Background Image)의 대체 텍스트를 표시합니다.
  • <object>, <embed> 요소가 사용되었는지를 표시합니다.

W3C Validation (파이어폭스 전용)

  • 검사하는 페이지와 포함된 프레임 페이지의 W3C Validation 결과를 표시합니다.
  • 로그인 정보 등 세션 정보가 적용된 소스 코드로 Validation을 수행합니다.

표 제목

사용된 <table> 요소의 caption, summary 정보를 표시합니다.

표 구조화

  • 사용된 <table> 요소의 행들이 <thead>, <tbody>, <tfoot>으로 그루핑 되었는지를 표시합니다.
  • 사용된 <table> 요소에 제목 셀이 제공되었는지를 표시합니다.

단순 열람 문서 형식

범용적으로 열람 가능한 pdf 문서 대신 doc, xls, ppt, hwp 등의 형식으로 제공된 문서를 표시합니다.

단축키

accesskey 속성으로 제공된 단축키 정보를 표시합니다.

주언어 명시

검사하는 페이지와 포함된 프레임 페이지에 선언된 주언어를 표시합니다.

명도 대비 (파이어폭스 전용)

페이지에서 사용된 색상을 마우스를 통해 선택하여 선택된 두 색의 명도 대비를 표시합니다.

키보드 포커스

onfocus="this.blur()", CSS의 outline 속성이 0으로 지정된 요소를 표시합니다.

페이지 제목

검사하는 페이지와 포함된 프레임 페이지에 선언된 페이지 제목을 표시합니다.

프레임 사용

프레임의 제목(title 속성)을 표시합니다.

콘텐츠 블록 제목

<h1>~<h6>과 포함된 텍스트를 표시합니다.

링크 텍스트

링크 요소(<a>, <area>)의 텍스트를 표시합니다.

의도하지 않은 기능

window.open 함수 혹은 onchange 이벤트가 사용된 요소와 내용을 표시합니다.

레이블

폼 입력 요소에 사용된 레이블(<label>, title 속성)을 표시합니다.