운용의 용이성(1)

운용의 용이성 1

키보드 사용 보장

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

마우스를 이용하기 어려운 사용자가 키보드를 이용할 수 있도록 한다

일반 사용자도 키보드로 더욱 빠르고 정확한 컨트롤이 가능해 짐

키보드 사용보장 검사항목 해설

예외

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

마우스로 이용 가능한 기능을 키보드로도 이용할 수 있도록 구현

키보드 사용보장 제공 방법

기준

모든 기능을 키보드로 접근 가능하고, 사용 가능하도록 제공한 경우 준수한 것으로 인정

오류 유형

마우스가 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우

• 이미지에 oneclick자바코드 이벤트를 적용한 경우 ->A, input, textarea, button 등으로 수정
• 마우스에 대응되는 키보드 이벤트 핸들러를 적용하지 않아 키보드 접근이 안되는 경우 키보드 포커스 초점이 영역을 벗어나면 동작하지 않음-> 키보드 이벤트 핸들러 추가
• readonly 속성을 사용하여 키보드 접근이 안되는 경우 ->readonly속성 제거, 버튼을 href에 유효한 url로 수정
• 마우스에 종속적인 자바코드를 사용한 경우 ->hover에 정의했던 기능에서 keyup 이벤트 추가
• 부가 어플리케이션의 콘텐츠의 wmode값 설정으로 키보드 이용이 불가능한 경우 -> 플래시 콘텐츠 wmode 값을 window로 지정하여 수정

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

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

초점 이동

키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다

초점:웹 사이트에서 현재 위치하는 영역을 시각적으로 안내하기 위해 제공되는 형태로써 포커스 형태와 커서 형태 등으로 위치를 안내하는 것

검사항목 9.초점 이동

시각장애인이나 상지장애인 등 키보드로만 웹 사이트 이용하는 사용자가 현재 초점의 위치를 이해하고 원하는 콘텐츠를 이용할 수 있도록 함

• 초점 시각화
• 검사항목 8.키보드 사용보장
• 키보드가 접근할 수 없어서 초점 여부를 볼 수 없는경우: 키보드 사용보장 준수하지 못한 것
• 초점 안 보이게 감추거나 정확하게 어떤 객체의 라인, 초점이 겹쳐 확인되지 않는 경우: 초점 이동 준수하지 못한 것
• 초점의 논리적 순서
• Tab index,자바스크립트 코드 포커스를 강제 이동시켜 논리적 순서 지키지 않은 경우: 초점이동 준수하지 못한 것
• CSS를 제거하고 나서 콘텐츠의 순서가 논리적이지 않은 경우: 콘텐츠의 선형구조 준수하지 못한 것

초점은 반드시 기본 점선일 필요 없지만, 초점을 받았을 때 시각적으로 구분 가능하고 현재 키보드 위치를 이해할 수 있게 하면 됨

초점이동 제공방법

기준

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

오류유형

• 초점의 이동 순서가 논리적이지 않으며 일관성이 없는 경우->논리적 순서로 소스코드 배열하여 CSS활용하여 초점 개선
• 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우->onfocus="this.blur();"를 제거하여 개선
• area요소의 진행 순서에 의미가 있으나 키보드 접근 순서가 의미와 일치하지 않은 경우: 이미지맵을 부서명과 그에 속한 '과'계층의 순서로 소스코드 순서 바꿈

초점이동의 주의사항

onfocus="this.blur();"를 사용하는 경우 키보드 접근은 물론 시각적 구분이 불가하고, 의도하지 않은 초점 변화가 실행되므로 검사항목 8,9,19에서 동시 감점

조작 가능

조작가능의 개념 조작

사용자의 입력 및 컨트롤을 조작할 수 있도록 하는 것

콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm이상으로 제공

조작 가능의 필요성

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

키보드 사용 보장 제공방법

링크, 사용자 입력, 기타 컨트롤 등의 안쪽 여백

링크 사용자 입력 및 기타 컨트롤은 테두리 안쪽으로 1픽셀 이상의 여백을 두고 이곳에서는 위치 지정 도구의 조작에 반응하지 않도록 구현하는 것이 바람직

기준

웹 페이지에서 제공하는 모든 이웃한 컨트롤들은 개별적으로 선택하고 사용할 수 있도록 대각선 길이가 6.0mm이상의 크기와 컨트롤의 안쪽 여백이 1픽셀 이상을 갖도록 제공한 경우

오류 유형

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

응답시간 조절

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

일반적인 사용자 수준에 맞추어 주어진 제한 시간은 감각에 장애가 있는 사용자에게는 접근 방식에 따라 시간이 부족할 수 있음

적용된 제한 시간을 멈추거나 회피할 수 있도록 하여 동등한 정보의 인식을 위해 보완

응답시간 조절의 검사항목 해설

• 제한된 시간이 일반적인 사용자를 위해 제시된 경우 응답시간 조절예외 인정
• 제한된 시간이 일반적 사용자를 위한 것일 경우 장애인과 같은 사용자에게는 차별 요소가 될 수 있음

시간제한이 있는 콘텐츠에 대해서도 정지, 시간을 연장할 수 있는 기능을 제공해야 함

응답시간조절 제공 방법

기준

시간 제한이 있는 콘텐츠의 응답시간을 조절할 수 있도록 제공한 경우 준수한 것으로 인정

오류 유형

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

응답시간 조절의 주의사항

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