Accessibility 본문

PC 접근성 검사항목

원칙 1. 인식의 용이성(Perceivable): 모든 컨텐츠는 사용자가 인식할 수 있어야 한다.

지침 1.1 텍스트 아닌 컨텐츠에는 대체 텍스트를 제공해야 한다.
검사항목 1.1.1 (적절한 대체 텍스트 제공) 텍스트 아닌 컨텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
검사 방법

<img> , <input type="image"> , <area> , <applet> 요소의 alt 속성 유무 체크(자동 검사) alt 속성값이 있는 <img> , <input type="image"> , <area> , <applet> 요소 중 alt 값이 적절한 대체텍스트를 제공하였는지 체크

플러그인(ActiveX, Flash)에 대체 콘텐츠 제공 유무 체크 포함

지침 1.2 동영상, 음성 등 멀티미디어 컨텐츠를 이해할 수 있도록 대체 수단을 제공해야 한다.
검사항목 1.2.1 (자막 제공) 멀티미디어 컨텐츠에는 자막, 원고 또는 수화를 제공해야 한다.
검사 방법

멀티 미디어 컨텐츠에 대한 자막, 원고, 수화 제공 유무 체크

지침 1.3 콘텐츠는 명확하게 전달되어야 한다.
검사항목 1.3.1 (색에 무관한 콘텐츠 인식) 콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
검사 방법

색상만으로 콘텐츠(그래프, 차트, 지도, 페이지 네비게이션 등)를 분별 하도록 제공 했는지 체크

페이지 네비게이션, 메뉴, 현재 위치 등에 대한 명암 패턴등의 변화 없이 색상만 제공했는지 체크

검사항목 1.3.2 (명확한 지시 사항 제공) 지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 검사 방법

지시사항 정보를 특정 감각(색, 크기, 모양, 방향 등)에만 의존하여 제공했는 지 체크

검사항목 1.3.3 (텍스트 콘텐츠의 명도 대비) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 한다. 검사 방법

텍스트나 이미지 텍스트와 배경 간의 명도 대비를 3 : 1 이상으로 제공했는지 체크

검사항목 1.3.4 (배경음 사용 금지) 자동으로 재생되는 배경음을 사용하지 않아야 한다. 검사 방법

3초 이상 자동으로 재생되는 배경음 사용 여부 체크

3초 이상 자동으로 배경음을 제어할 수 있는 수단을 제공하고 있는지 체크

3초 이상 자동으로 배경음을 제어할 수 있는 수단이 화면 낭독 프로그램 음량에 영향을 주는지 체크

마우스 오버, 키보드 초점을 받아 3초이상 재생되는 배경음 사용 여부 체크

원칙 2. 운용의 용이성(Operable): 사용자 인터페이스 구성 요소는 조작 가능하고 내비게이션할 수 있어야 한다.

지침 2.1 컨텐츠는 키보드로 접근할 수 있어야 한다.
검사항목 2.1.1 (키보드 사용 보장) 모든 기능은 키보드만으로도 사용할 수 있어야 한다.
검사 방법
  • 키보드로 Tab 과 Shift + Tab, 서비스내 단축키 그리고 엔터등으로 컨텐츠를 이용할 수 있는지 체크
  • 마우스 드래그와 드롭 기능을 키보드로 이용할 수 있는지 체크
  • 부가 애플리케이션(Flash, 실버라이트 등)의 wmode 값이 transparent 또는 opaque 인지 체크
  • 사용자 상호작용이 필요한 콘텐츠를 대화형 콘텐츠로 구현했는지 체크
검사항목 2.1.2 (초점 이동) 키보드에 의한 초점은 논리적 으로 이동해야 하며, 시각적으로 구별할 수 있어야 한다.
검사 방법
  • onfocus="this.blur()" 속성 유무 체크 / 자동검사
  • 키보드 Tab으로의 이동이 논리적인지 체크
  • 초점을 받은 요소(링크, 컨트롤, 입력서식)가 시각적으로 구분이 되는 지 체크
지침 2.2 컨텐츠를 읽고 사용하는 데 충분한 시간을 제공해야 한다.
검사항목 2.2.1 (응답시간 조절) 시간 제한이 있는 컨텐츠는 응답시간을 조절할 수 있어야 한다.
검사 방법

시간 제한이 있는 컨텐츠는 시간 제한을 제어할 수 있는지 체크

검사항목 2.2.2 (정지 기능 제공) 자동으로 변경되는 컨텐츠는 움직임을 제어할 수 있어야 한다.
검사 방법

자동으로 변경되는 컨텐츠의 움직임 제어 가능한지 체크

지침 2.3 광과민성 발작을 일으킬 수 있는 컨텐츠를 제공하지 않아야 한다.
검사항목 2.3.1 (깜빡임과 번쩍임 사용 제한) 초당 3~50회의 주기로 깜빡이거나 번쩍이는 컨텐츠를 제공하지 않아야 한다.
검사 방법
  • 육안으로 확인 했을 때 깜빡이거나 번쩍이는 객체가 있는지 체크
  • 깜빡이거나 번쩍이는 컨텐츠가 있을경우 깜빡임을 사전 경고 하거나, 중단할 수 있는 수단을 제공 여부 체크
지침 2.4 컨텐츠는 쉽게 내비게이션 할 수 있어야 한다.
검사항목 2.4.1 (반복 영역 건너뛰기) 컨텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
검사 방법
  • “본문 바로가기” 링크의 유무 체크
  • “본문 바로가기” 클릭했을 시 포커스가 제대로 이동되는지 체크
  • “본문 바로가기” 링크가 키보드 Tab 에 의해서도 선택과 실행이 되는지 체크
검사항목 2.4.2 (제목 제공) 페이지, 프레임, 컨텐츠 블록에는 적절한 제목을 제공해야 한다.
검사 방법
  • <head> 내의 <title> 요소 유무 체크/ 자동검사
  • <iframe> 요소의 title 속성 유무 체크/ 자동검사
  • <frame> 요소의 title 속성 유무 체크/ 자동검사
  • <head> 내의 <title> 요소 값 체크
  • <iframe> 내의 <title> 요소 값 체크
  • <frame> 내의 <title> 요소 값 체크
  • <frame> 의 title 속성 값 체크
  • <iframe> 의 title 속성 값 체크
  • <h> 요소 체크
검사항목 2.4.3 (적절한 링크 텍스트) 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.
검사 방법

적절한 링크 텍스트의 제공 여부 체크

원칙 3. 이해의 용이성(Understandable): 컨텐츠는 이해할 수 있어야 한다.

지침 3.1 컨텐츠는 읽고 이해하기 (가독성) 쉬워야 한다.
검사항목 3.1.1 (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
검사 방법
  • <html> 요소 lang 속성 유무 체크/ 자동검사
  • <html> 요소 lang 속성 값 체크
지침 3.2 컨텐츠의 기능과 실행결과는 예측 가능해야 한다.
검사항목 3.2.1 (사용자 요구에 따른 실행) 사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 한다.
검사 방법
  • 새 창 및 팝업으로 동작하는 <a> 요소에 target=“_blank” 제공 여부 체크
  • 웹 사이트 로딩시 자동으로 실행되는 컨텐츠(팝업창, 레이어 팝업, 배경음 포함) 제공 여부 체크
지침 3.3 컨텐츠는 논리적으로 구성해야 한다.
검사항목 3.3.1 (컨텐츠의 선형화) 컨텐츠는 논리적인 순서로 제공해야 한다.
검사 방법

컨텐츠가 논리적인 구조를 가지고 있는지 체크

검사항목 3.3.2 (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
검사 방법
  • summary 속성 및 <caption> 요소 유무 체크
  • summary 속성 값과 <caption> 요소 값의 중복 여부 체크
  • <th> 요소 유무 체크
  • scope 속성값이 적절한지 체크
지침 3.4 입력 오류를 방지하거나 정정할 수 있어야 한다.
검사항목 3.4.1 (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.
검사 방법
  • <input>, <textarea>, <seelect> 요소 등에 <label> 요소, title 속성 유무 체크/ 자동검사
  • 입력 서식에 레이블이 올바르게 연결되어 있는지 체크
  • 레이블값이 해당 서식을 적절한 내용으로 표현했는지 체크
  • 입력 서식에 중복 레이블을 제공하지 않았는지 체크
검사항목 3.4.2 (오류 정정) 입력 오류를 정정할 수 있는 방법을 제공해야 한다.
검사 방법
  • 입력 서식을 잘못 작성한 경우, 해당 서식 필드로 초점의 이동 가능 여부 체크
  • 입력 서식을 잘못 작성한 경우, 정정할 수 있는 수단을 제공했는지 체크
  • 입력 정정방식 또는 내용을 올바르게 제공했는지 체크

원칙 4. 기술의 견고성(Robust): 웹 컨텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다.

지침 4.1 웹 컨텐츠는 마크업 언어의 문법을 준수해야 한다.
검사항목 4.1.1 (마크업 오류 방지) 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
검사 방법
  • 태그의 열고 닫음 체크
  • 태그의 중첩이 올바른지 체크
  • 한 요소에 중복된 속성 선언 여부 체크
  • 한 페이지에 중복된 id 속성 값 선언 여부 체크
지침 4.2 웹 애플리케이션은 접근성이 있어야 한다.
검사항목 4.2.1 (웹 애플리케이션 접근성 준수) 컨텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.
검사 방법
  • <a> 요소 href 속성값에 JavaScript 사용 여부 체크
  • <form> 요소 action 속성값 체크
  • <form> 요소에 <button type="submit">, <input type="submit">, <input type="image"> 유무 체크