Accessibility 본문

2.1.1 키보드 사용 보장

모든 기능은 키보드만으로도 사용할 수 있어야 한다.

필요성

키보드가 아닌 마우스등과 같은 특정 조작을 요구하는 입력장치로만 접근이 가능할 경우, 손이 불편하거나 자유롭게 사용할 수 없는 사용자는 접근이 불가능하다.

키보드 : 텍스트를 입력하기 위하여 사용하는 입력장치를 의미.

키보드의 형태를 가지지 않았지만 기능적으로 키보드를 대신하는 입력장치(예 : 노트북 및 PDA 등의 터치패드, 화상키보드, 음성입력장치 등) 도 키보드로 간주함.

대상

모두

적용기술

  • 키보드와 마우스 이벤트 핸들러 제공 : 마우스로 접근 가능한 기능이라면, 키보드로 접근 가능해야 함
  • 마우스 드래그와 드롭 기능에서의 키보드 이용 보장 : 마우스 드래그 및 드롭 방법만으로 구현하지 않고 체크상자, 선택 버튼기능등을 제공함으로써 키보드 사용이 보장될 수 있도록 해야 함
  • 부가 애플리케이션(Flash, 실버라이트 등) 제공시 키보드 이용이 가능해야 함
  • 사용자 상호작용이 필요한 컨텐츠를 대화형 컨텐츠로 구현해야 함
대화형 컨텐츠

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

검사방법 및 QA 지표 산정방법

  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
수동검사방법
  • 키보드로 TabShift + Tab, 서비스내 단축키 그리고 엔터등으로 컨텐츠를 이용할 수 있는지 체크
  • 마우스 드래그와 드롭 기능을 키보드로 이용할 수 있는지 체크
  • 부가 애플리케이션(Flash, 실버라이트 등)의 wmode 값이 transparent 또는 opaque 인지 체크
  • 사용자 상호작용이 필요한 컨텐츠를 대화형 컨텐츠로 구현했는지 체크
오류수(건)
  • 키보드로 TabShift + Tab, 서비스내 단축키 그리고 엔터등으로 컨텐츠를 이용할 수 없는 경우
  • 마우스 드래그와 드롭 기능을 키보드로 이용할 수 없는 경우
  • 부가 애플리케이션(Flash, 실버라이트 등)의 wmode 값이 transparent 또는 opaque 일 경우
  • 사용자 상호작용이 필요한 컨텐츠를 대화형 컨텐츠로 구현하지 않은 경우
평가점수

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

사례

오류사례

오류사항

메일의 편지쓰기에서 멀티라인 편집창에 편지 내용을 쓰고 키보드 Tab 키에 의한 다음 객체로 이동이 되어야 하나, 들여쓰기가 됨으로써 멀티라인 편집창을 벗어나지 못해 키보드 사용자는 편지를 보내지 못하는 사례

키보드 사용 보장 오류사례이미지
개선방법

편지쓰기를 키보드만으로도 이용할 수 있도록 해야 함.

우수사례

메일의 편지쓰기에서 멀티라인 편집창에 편지내용을 작성한 후 키보드 Tab 키 이동시 다음 객체(보내기)로 이동이 되어 키보드 사용자가 편지를 보낼 수 있는 사례

키보드 사용 보장 우수사례이미지