티스토리 뷰

키보드 사용 보장

“텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로도 이용할 수 있도록 하는 것”

예외 : 자유롭게 움직이는 아날로그적인 기능, 시뮬레이션과 같은 콘텐츠, 입체적인 시각화 기능, 마우스를 끌어서 거리를 측정할 수 있는 기능

필요성

시각, 손, 팔에 장애 가진 사용자들은 마우스 이용이 어려워 웹 사이트 이용이 불편함 => 입력장치 접근성, 충분한 시간 제공, 광과민성 발작 예방, 쉬운 내비게이션

오류사례

  • 이미지에 onclick 자바코드 이벤트를 적용한 경우
  • 마우스에 대응되는 키보드 이벤트 핸들러를 적용하지 않아 키보드 접근이 안되는 경우
  • readonly 속성을 사용하여 키보드 접근이 안되는 경우
  • 마우스에 종속적인 자바코드를 사용한 경우

키보드 사용 보장의 주의사항

  • 반드시 IE8에서 확인할 것
  • onkeypress, onkeydown, onkeyup 이벤트 핸들러를 사용하여 키보드로 제어가 불가한 경우 감점
  • 지리정보(GIS), 가상현실(VR) 콘텐츠의 경우 예외 인정하나 기타 인터페이스는 키보드만으로 사용할 수 있어야 함
  • 키보드로 탭 메뉴에서 탭1→탭2→탭3으로 이동하여 모든 탭 내용을 확인할 수 없는 경우 감점
  • onfocus="this.blur();"를 사용하는 경우 검사항목 8, 9, 19에서 동시 감점
  • 플래시 콘텐츠의 wmode 값을 transparent 또는 opaque로 지정하게 되면 화면 낭독기로 인식이 불가함

초점이동

키보드에 의한 초점(현재 위치하는 영역을 시각적으로 안내하기 위해 제공되는 형태)은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 함

제공방법

  • 키보드 초점을 받은 링크, 컨트롤 및 입력 서식은 초점을 받지 않는 객체들로부터 구분될 수 있도록 제공한 경우 준수한 것으로 인정

미준수

  • 초점 안보이게 감추거나 정확하게 어떤 객체의 라인, 초점이 겹쳐 확인되지 않는 경우

오류유형

  • 초점의 이동순서가 논리적이지 않으며 일관성이 없는 경우
  • 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
  • area요소의 진행 순서에 의미가 있으나 키보드 접근 순서가 의미와 일치하지 않은 경우
  • onfocus="this.blur();"를 사용하는 경우 X
  • 키보드 접근은 물론 초점의 시각적 구분이 불가하고, 의도하지 않은 초점변화가 실행되므로 검사항목 8, 9, 19에서 동시 감점

조작가능

사용자의 입력 및 컨트롤을 조작할 수 있도록 하는 것(콘텐츠의 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm 이상으로 제공)

제공방법

  • 웹 페이지에서 제공하는 모든 이웃한 컨트롤들은 개별적으로 선택하고 사용할 수 있도록 대각선 길이가 6.0mm 이상의 크기와 컨트롤의 안쪽 여백이 1픽셀 이상을 갖도록 제공한 경우
  • 링크, 사용자 입력, 기타 컨트롤 등의 안쪽 여백 링크, 사용자 입력 및 기타 컨트롤은 테두리 안쪽으로 1픽셀 이상의 여백을 두고 이곳에서는 위치 지정 도구의 조작에 반응하지 않도록 구현하는 것이 바람직

필요성

  • 터치스크린을 채용한 기기를 이용하는 손 떨림이 있는 사용자와 시각장애인도 컨트롤을 용이하게 찾아서 조작가능

오류 유형

  • 컨트롤의 크기가 대각선으로 6.0mm 이상 제공하지 않은 경우
  • 링크, 사용자 입력, 기타 컨트롤의 테두리 안쪽으로 1픽셀 이상의 여백을 제공하지 않은 경우

응답시간 조절

제한된 시간 안에 요구되는 지시, 읽어야 할 내용이 있는 콘텐츠의 경우 그 시간을 조절할 수 있도록 기능을 제공해야 한다.

필요성

  • 감각 장애가 있는 사용자의 어려움 해소

검사항목

  • 시간제한이 있는 콘텐츠의 응답시간을 조절할 수 있도록 제공한 경우 준수한 것으로 인정
  • 제한된 시간이 일반적인 사용자를 위해 제시된 경우 응답시간 조절 예외 인정
  • 제한된 시간이 일반적 사용자를 위한 것일 경우 장애인과 같은 사용자에게는 차별 요소가 될 수 있음
  • 시간제한이 있는 콘텐츠에 대해서도 정지, 시간을 연장할 수 있는 기능을 제공해야 함

오류유형

  • 페이지 재 이동시 회피할 수 있는 수단을 제공하지 않은 경우 -> 확인, 취소 버튼 제공 및 충분한 시간 제공하여 개선
  • 제한시간을 연장하는 방법에 제한 시간이 있는 경우 -> 자동로그인 시간을 연장하기 위해 시간 제공

주의사항

  • 원천적으로 콘텐츠의 이용에 따르는 시간 조절을 허용할 수 없는 콘텐츠는 예외로 인정
  • 검사대상은 자동전환 페이지, 제한시간 연장, 제한시간 만료 경고 등이 해당됨

정지기능제공

자동 변경되는 콘텐츠(자동으로 흐르거나 움직이는 콘텐츠)는 움직임 제어할 수 있어야 한다.

필요성

  • 감각 장애가 있는 사용자의 어려움 해소

필요성

  • 시고령자, 어린이, 인지 등에 장애가 있는 사용자가 자동으로 변경되는 콘텐츠를 놓치지 않도록 함

오류유형

  • 시간에 따라 변화하는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우
  • 변화되는 콘텐츠가 마우스와 키보드로 제어 불가능한 경우

주의사항

  • 움직이는 배너, 뉴스 등 시간에 따라 변화하는 콘텐츠를 키보드와 마우스로 평가
  • 키보드 포커스 및 마우스 오버 시 콘텐츠의 변화가 멈춰지면 정지 기능이 제공된 것으로 인정
  • 검사대상은 자동적으로 스크롤되는 배너, 자동 변경되는 실시간 검색수누이 등이 해당
댓글
© 2018 webstoryboy