텍스트 이외의 컨텐츠에는 대체 텍스트를 제공합니다.

• 텍스트 이외의 컨텐츠에는 해당 컨텐츠와 일치하거나 설명하는 대체 텍스트를 제공합니다.
• Null alt의 사용
  • 의미 없이 모양만을 위한 요소는 alt=""를 사용하여 다음으로 바로 넘어갈 수 있게 합니다.
  • 추가로 툴 팁을 표시하기 위해서는 title="설명"을 사용합니다.

넘어가기 메뉴 제공를 제공합니다

• 상단의 반복적인 요소들을 넘기고 바로 컨텐츠에 접근 할 수 있는 링크 제공합니다.
• 이는 스크린리더 사용자와 PDA등의 조그만 화면의 기기 사용자의 편의 도모하기 위함입니다.

키보드(또는 유사 입력장치)만으로도 탐색이 가능해야 합니다.

• 기능 또는 타당한 이유가 있는 경우 문서의 구조를 기준으로 이동하는 Tab을 회피하기 위하여 tabindex="N"를 사용합니다.
• Accesskey는 지양합니다.
  • Accesskey는 접근성을 향상 시킬 수 있지만 브라우저가 Accesskey를 화면에 표시 해주지 않습니다.
  • 따라서 사용자 입장에서 어떤 키를 눌러야 작용을 하는지 알 수 없으며 오히려 혼란을 줄 수도 있으므로 지양합니다.
• onkeypress는 지양합니다.
  • onkeypress를 사용할 경우 일부 브라우저(ex. Firefox2)에서 Tab키를 눌러도 이벤트가 발생합니다.
  • 또한 실행된 스크립트가 False를 반환하면 다음 단계로 탐색을 계속할 수 없습니다.
  • onclick 이벤트가 엔터키를 눌러도 작동하므로 onkeypress는 지양합니다.

모든 컨텐츠는 색상을 배제해도 인지할 수 있어야 합니다.

• 흑백 출력 장치 또는 색각 이상자의 경우 색상만으로 인지하지 못할 수도 있으므로 기호나 패턴을 사용하는 방법 등을 사용하여 색상을 배제해도 인지할 수 있어야 합니다.
• 또한 텍스트의 색과 배경색은 충분한 대비가 되어야 합니다.

테이블의 구조를 정확히 사용합니다.

• summary=""를 통해 테이블의 요약 정보를 제공 합니다.
• caption태그를 통해 테이블의 제목을 표시합니다.
• thead, tfoot, tbody를 사용하여 그룹핑합니다.
• 셀의 제목과 내용을 scope=""를 이용하여 연결 시켜줍니다.

Form의 구조를 정확히 사용합니다.

• form요소는 label을 이용해서 서로 연결해야 합니다.
• fieldset태그를 사용하여 그룹핑합니다.
• 한 개의 label에 여러 개의 form요소가 있을 때 title=""을 사용하여 설명합니다.

관련 어플리케이션

• Fujitsu Web Accessibility Inspector - 웹접근성 검사 도구
• Fujitsu ColorSelector - 배경색과 문자색의 조합이 잘 보이는지 체크 할 수 있는 도구 (정상, 백내장, 색각이상자의 결과값 표시)