Accessibility 본문

3.2.1 사용자 요구에 따른 실행

사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 한다.

필요성

시각 장애, 지적 장애 그리고 지체 장애가 있는 사람들은 새 창이 갑자기 뜨는 것과 같이 초점 및 문맥의 변화가 발생하는 것을 인지하기 어렵다. 사용자가 의도 하지 않은 기능은 불필요한 새창을 닫거나, 콘텐츠 이해등에 혼란 및 불편함을 초래한다. 또한 새 창이 갑자기 뜨는 것으로 인하여, 행위(뒤로가기)를 취소할 수 없는 문제점이 발생한다.

대상

  • 지체장애
  • 전맹
  • 저시력

적용기술

  • 실행은 onclick, enter 로 가능하게 적용한다.
  • 새창 및 팝업창의 경우 a 요소에 target="_blank" 로 지정한다.
  • 웹 사이트 로딩시 자동으로 실행되는 콘텐츠(팝업창, 레이어 팝업, 배경음 포함) 을 사용하지 않는다.

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

  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
수동 검사방법
  • 새 창 및 팝업으로 동작하는 <a> 요소에 target="_blank" 제공 여부 체크
  • 웹 사이트 로딩시 자동으로 실행되는 콘텐츠(팝업창, 레이어 팝업, 배경음 포함) 제공 여부 체크
발견수(건)
  • 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="네이밍"> 또는 <iframe name="네이밍"> 요소가 없는 <a> 요소 수

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

평가점수

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

사례

초점(Focus)에 따른 변화
오류사례

웹 컨텐츠를 구성하는 컨트롤이 초점을 받았을 경우, 사용자가 의도하지 않은 기능이 실행되지 않아야 한다.
(단! 기능의 변화가 아닌 색상이나, 테두리가 생기는 등의 변화는 해당되지 않는다.)

사용자 요구에 따른 실행 오류사례이미지
개선방법

초점에 의한 변화가 아닌 클릭이나 실행에 의한 변화가 되도록 한다.

우수사례

클릭등의 실행을 해야 새창이 열린다.

사용자 요구에 따른 실행 우수사례이미지
새 창/팝업 창/레이어 팝업
오류사례

사용자가 예측할 수 없는 상황에서 새 창 또는 팝업 창이 열리고 이를 통해 정보나 기능을 전달하면 안 된다.

사용자 요구에 따른 실행 오류사례이미지
개선방법

팝업 창을 쓰지 않고 원래의 메인 페이지 안에서 중요한 내용을 방문자들이 잘 볼 수 있도록 눈에 잘 띄거나 중요한 위치에 배치, 또는 클릭해서 원하는경우 새창을 볼 수 있도록 해야 한다

우수사례

새창 열림시 옆에 새창을 알리는 아이콘이 있다.

사용자 요구에 따른 실행 우수사례이미지
새 창/팝업 창/레이어 팝업의 닫음
오류사례

사용자가 열려있거나 화면에 나타난 새 창/팝업창/레이어 팝업을 닫거나 종료하도록 버튼을 클릭하거나 활성화 시켰을 경우, 해당창 또는 팝업 등이 종료되어야 한다.

사용자 요구에 따른 실행 오류사례이미지
개선방법

팝업창에서 키보드등의 수단으로도 종료버튼을 클릭할 수 있게 제공 되어야한다.

우수사례

키보드 만으로 조작시에도 창을 닫을수 있다.

사용자 요구에 따른 실행 우수사례이미지