Accessibility 본문

PC 접근성 지표


  • 웹 접근성 품질 체크를 위한 지표로 외부 접근성 조사 대응과 주요서비스 대응을 위한 지표입니다.
  • 웹 컨텐츠 접근성 지침 2.0 을 근거로 하여 접근성 도구를 이용한 자동검사항목 5건수동검사항목 22건으로 구성되어 있습니다.
  • 검사 항목중 접근성 검사 도구을 통해 자동으로 검사할 수 있는 부분을 분리하여 검사 방법의 효율화를 고려하였으며 자동검사와 수동검사 항목의 검사 방법의 차이를 주어 중복체크를 제거 하였습니다.
정량평가

정량평가표의 검사항목별 평가 점수 산정 방식에 따라 준수한 컨텐츠수(준수수), 해당항목 컨텐츠수(발견수), 오류수를 검사하여 계산합니다.

검사항목당 점수를 산정하고 전체점수는 각 검사항목의 배점 비율에 따라 재 산정하여 전체 점수를 계산합니다.

정성평가

정성평가표의 웹 접근성 대상에 해당되는 장애 유형별 평가 점수 산정 방식에 따라 과업 테스트 진행하여 통과여부를 확인합니다.

장애 유형별 과업 테스트 통과 여부를 산정하고 전체점수는 각 검사항목의 배점 비율에 따라 재 산정하여 전체 점수를 계산합니다.

QA 진행 방식
  1. 검사 타입 결정(Strict or Transition)
  2. 검사할 페이지나 기능 정의(공통영역과 세부 내용영역 구분하여 분량 책정)
  3. 소요 일정 산정
  4. 공통영역 자동평가 검사
  5. 세부 수동평가 검사(과업평가 고려)
  6. 문서화(오류 사항 정리 및 점수 산정)

정량평가

  • PC 접근성 지표 숙지
  • 오류수는 발견수, 준수수 존재시 준수수에서 검사함
  • 오류수는 발견수만 존재시 발견수에서 검사함
  • 발견수, 준수수가 존재하지 않는 오류검사 항목의 경우 수동으로 발견하여 검사함
  • 발견수, 준수수가 존재하더라도 별도 수동으로 발견 및 오류 검사가 필요한 항목은 별표(*) 표시 함
  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
자동 검사방법
발견수(건)
  • <img>, <input type="image">, <area>, <applet> 요소 수
준수수(건)
  • alt 속성이 있는 <img>, <input type="image">, <area>, <applet> 요소 수
수동 검사방법
오류수(건)
  • alt 속성이 있는 <img>, <input type="image">, <area>, <applet> 요소 수
  • * IR 기법 내에 적절하지 않은 컨텐츠 수
준수수(건)
  • alt 속성이 있는 <img>, <input type="image">, <area>, <applet> 요소 수

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

평가 점수 산정 방식
평가 점수

((자동 준수수 - 1 수동 오류수) / 자동 발견수) * 100 - (2 수동 오류수 * 5)점

배점

12점

검사항목 1.2.1 자막 제공
수동 검사방법
발견수(건)
  • 멀티미디어 컨텐츠
준수수(건)
  • 들리는 음성정보(멘트, 소리 등)와 동등한 정보의 동기화된 자막, 원고 또는 수화가 제공되어 있는 멀티미디어 컨텐츠

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

평가 점수 산정 방식
평가 점수

(수동 준수수 / 수동 발견수) * 100

배점

8점

수동 검사방법
오류수(건)
  • 흑백 화면에서 충분히 정보를 인지할 수 없는 경우
  • 색상만으로 구분하는 컨텐츠가 있는 경우
  • 필수항목 체크를 배경으로만 처리한 경우
준수수(건)
  • 들리는 음성정보(멘트, 소리 등)와 동등한 정보의 동기화된 자막, 원고 또는 수화가 제공되어 있는 멀티미디어 컨텐츠

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

평가 점수 산정 방식
평가 점수

(수동 준수수 / 수동 발견수) * 100

배점

8점

수동 검사방법
오류수(건)
  • 방향, 위치 정보만을 이용하여 사용법을 알려주도록 구현한 경우
  • 화면의 위치만을 이용하여 객체를 지정한 경우
  • 버튼의 모양만을 이용하여 사용법을 알려준 경우
  • 특수 기호만을 사용하여 사용법을 알려준 경우
  • 음향 음성 으로만 사용법을 알려준 경우
평가 점수 산정 방식
평가 점수
  • 들리는 음성정보(멘트, 소리 등)와 동등한 정보의 동기화된 자막, 원고 또는 수화가 제공되어 있는 멀티미디어 컨텐츠

100 - (수동 오류수 * 5)점

배점

3점

수동 검사방법
오류수(건)
  • 텍스트 컨텐츠와 배경 간의 명도 대비가 3:1 미만인 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

4점

수동 검사방법
오류수(건)
  • 자동으로 재생되는 경우
  • 마우스 오버, 키보드 초점을 받아 재생되는 배경음 사용한 경우
  • 배경음 조절이 화면 낭독 프로그램 음량에 영향을 주는 경우
  • 배경음을 제어할 수 있는 수단(정지, 일시정지, 음량조절) 제공하지 않은 경우
  • 배경음 3초 미만, 제어 기능을 페이지의 가장 첫 부분에 제공한 경우 예외

배경음 3초 미만, 제어 기능을 페이지의 가장 첫 부분에 제공한 경우 예외

평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 100)점

배점

4점

수동 검사방법
오류수(건)
  • 키보드로 Tab 과 Shift + Tab, 서비스내 단축키 그리고 엔터등으로 컨텐츠를 이용할 수 없는 경우
  • 마우스 드래그와 드롭 기능을 키보드로 이용할 수 없는 경우
  • 부가 애플리케이션(Flash, 실버라이트 등)의 wmode 값이 transparent 또는 opaque 일 경우
  • 사용자 상호작용이 필요한 컨텐츠를 대화형 컨텐츠로 구현하지 않은 경우

대화형 컨텐츠 : <a>, <audio> (controls 속성이 있으면), <button>, <details>, <embed>, <iframe>, <img> (usemap 속성이 있으면), <input> (type 속성이 hidden 상태가 아니면), <keygen>, <label>, <menu> (type 속성이 toolbar 상태면), <object>, (usemap 속성이 있으면), <select>, <textarea>, <video> (controls 속성이 있으면)

평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

10점

검사항목 2.1.2 초점 이동
자동 검사방법
오류수(건)
  • onfocus = "this.blur()" 속성이 있는 요소 수
수동 검사방법
오류수(건)
  • Tab 키 이동시 초점이 시각적으로 구분이 안되는 객체
  • Tab 키와 Shift + Tab 키의 초점이동이 순환적이고 반복적으로 안되는 경우
  • 화면의 변화(전체화면, alert 등의 레이어)에 이전의 초점이 이동하지 않은 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

4점

수동 검사방법
오류수(건)
  • 시간에 따라 변하는 컨텐츠(자동 갱신, 자동 페이지 이동 등)에 응답 시간 조절 기능(시간제한 해제, 시간제한 연장)을 제공하지 않은 경우
  • 응답 시간 조절 기능이 동작 되지 않는 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

3점

수동 검사방법
오류수(건)
  • 자동으로 변경되는 컨텐츠에 움직임 제어 수단을 제공하지 않는 경우
  • 자동으로 변경되는 컨텐츠에 움직임 제어 수단이 동작되지 않는 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

4점

수동 검사방법
오류수(건)
  • 깜빡이는 컨텐츠에 대한 사전 경고가 없는 경우
  • 깜빡이는 컨텐츠를 중단 할 수 있는 수단이 없는 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

3점

수동 검사방법
오류수(건)
  • “본문 바로가기” 링크가 없는 페이지
  • “본문 바로가기” 링크 실행 시 초점이 제대로 이동되지 않는 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 100)점

배점

4점

검사항목 2.4.2 제목 제공
자동 검사방법
발견수(건)
  • <head>, <iframe>, <frame> 요소 수
  • “본문 바로가기” 링크 실행 시 초점이 제대로 이동되지 않는 경우
준수수(건)
  • title 속성이 있는 <iframe>, <frame> 요소 수
  • <title> 요소가 있는 <head> 요소 수
수동 검사방법
오류수(건)
  • <title> 요소 값을 적절히 제공하지 않은 경우
  • title 속성 값을 적절히 제공하지 않은 경우
  • * <h> 요소를 제공하지 않은 경우
평가 점수 산정 방식
평가 점수

((자동 준수수 / 자동 발견수) * 100) - (수동 오류수 * 5)점

배점

4점

수동 검사방법
오류수(건)
  • 요소 내의 텍스트가 목적이나 이해할 수 있는 정보를 주지 못한 <a> 요소 수
  • 링크 텍스트가 “여기”, “더 보기” 등 해당 링크 텍스트의 내용이 아닌 주변 컨텐츠의 내용을 파악하지 않으면 어떤 것을 가리키는지 알 수 없는 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

3점

자동 검사방법
발견수(건)
  • <html> 요소 수
수동 검사방법
오류수(건)
  • HTML DTD(문서 형식 정의) 에 맞게 “lang”, “xml:lang” 속성을 제공하지 못한 페이지
  • XHTML : “lang”과 “xml:lang” 제공(HTML Basic 참조)
  • HTML5 : “lang”만 제공 (HTML5 구조 참조)
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 100)점

배점

3점

수동 검사방법
발견수(건)
  • target 속성값을 갖는 <a> 요소 수
  • <select>, <input type="checkbox">, <input type="radio"> 요소 수
오류수(건)
  • <select>, <input type="checkbox">, <input type="radio"> 등 요소에 사용자 요구에 의도 하지 않은 새창 또는 초점 이동이 발생 한 요소 수
  • * window.open() 을 사용하고 target="_blank" 를 제공하지 않은 <a> 요소 수
  • <a target=“네이밍”> 요소와 연결되는 <frame name=“네이밍”> 요소가 없는 <a> 요소 수
  • <a target=“네이밍”> 요소와 연결되는 <iframe name=“네이밍”> 요소가 없는 <a> 요소 수

네이밍 : “_blank”, “_self”, “_parent”, “_top” 이 아닌 값

평가 점수 산정 방식
평가 점수

((수동 발견수 - 수동 오류수) / 수동 발견수) * 100점

배점

4점

수동 검사방법
오류수(건)
  • 컨텐츠가 논리적인 구조를 가지고 있지 않은 컨텐츠 (영역으로 체크)
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 10)점

배점

4점

검사항목 3.3.2 표의 구성
수동 검사방법
발견수(건)
  • <table> 요소 수
오류수(건)
  • summary 속성이나 <caption> 요소가 모두 없는 <table> 요소 수
  • summary 속성 값과 <caption> 요소 값이 중복된 <table> 요소 수
  • <th> 요소가 모두 없는 <table> 요소 수
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 50)점

배점

4점

검사항목 3.4.1 레이블 제공
자동 검사방법
발견수(건)
  • <input>, <textarea>, <select> 요소 수
준수수(건)
  • <label> 요소, title 속성이 제공 되어 있는 <input>, <textarea>, <select> 요소 수
수동 검사방법
오류수(건)
  • 입력 서식(<input>, <textarea>, <select> 요소 등)에 레이블(<label> 요소, title, placeholder 속성)이 올바르게 연결되어 있지 않은 요소 수
  • 레이블 값이 해당 서식을 적절한 내용으로 표현하지 않은 요소 수
  • 입력 서식에 중복 레이블을 제공하는 요소 수
평가 점수 산정 방식
평가 점수

((자동 준수수 - 수동 오류수) / 자동 발견수) * 100점

배점

4점

검사항목 3.4.2 오류 정정
수동 검사방법
오류수(건)
  • 입력 서식을 잘못 작성한 경우, 해당 서식 필드로 초점의 이동을 제공하지 않는 경우
  • 입력 서식을 잘못 작성한 경우, 정정할 수 있는 수단을 제공하지 않은 경우
  • 입력 정정방식 또는 내용을 잘못 제공한 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

4점

수동 검사방법
오류수(건)
  • 태그가 열고 닫히지 않은 경우
  • 태그의 중첩이 올 바르지 않은 경우
  • 한 요소에 중복된 속성을 선언한 경우
  • 한 페이지에 중복된 id 속성 값을 선언한 경우
평가 점수 산정 방식
평가 점수

100 - (수동 오류수 * 5)점

배점

3점

수동 검사방법
발견수(건)
  • <a>, <form> 요소 수

<a>, <form> 요소 수

오류수(건)
  • <a> 요소 href 속성 값에 JavaScript 를 사용한 경우
  • <form> 요소 action 속성 값을 제공하지 않은 경우
  • <button type="submit">, <input type="submit">, <input type="image"> 가 없는 <form> 요소 수
  • * 부가 애플리케이션(ActiveX, Flash) 에 대체 컨텐츠를 제공하지 않는 경우
평가 점수 산정 방식
평가 점수

((수동 발견수 - 수동 오류수) / 수동 발견수) * 100점

배점

4점

정성평가

장애유형별 평가 통과여부, 평가 점수 산정방식 및 배점을 나타낸 표
장애유형 통과여부 평가 점수 산정 방식 배점
지체장애 과업평가 통과 시 100%, 미 통과시 0% 20점
전맹 과업평가 통과 시 100%, 미 통과시 0% 20점
저시력 과업평가 통과 시 100%, 미 통과시 0% 20점
색맹 과업평가 통과 시 100%, 미 통과시 0% 20점
청각장애 과업평가 통과 시 100%, 미 통과시 0% 20점

접근성 준수율

접근성 준수율 = (정량평가 점수 + 정성평가 점수) / 2점
  • 정성평가 미 진행시, 정량평가 점수로 접근성 준수율이 산정됨
  • 양호(81점) 이상 준수한 것으로 판정
접근성 준수율 점수에 따른 준수 정도를 나타낸 표
접근성 준수율 0 ~ 60점 61 ~ 80점 81 ~ 90점 91 ~ 100점
접근성 준수 정도 매우 심각 심각 양호 우수