티스토리 뷰
운용의 용이성 관련 지침 및 검사항목
1. 입력장치 접근성: 콘텐츠는 키보드로 접근할 수 있어야 한다.
- 키보드 사용 보장: 모든 기능은 키보드만으로 사용할 수 있어야 한다.
- 초점 이동: 키보드에 의한 초점은 논리적으로 이동해야하며 시각적으로 구별할 수 있어야 한다.
- 조작 가능: 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
2. 충분한 시간 제공: 콘텐츠를 읽고 사용하는 데 충분한 시간을 제공해야 한다.
- 응답시간 조절: 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.
- 정지 기능 제공: 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.
3. 광과민성 발작 예방: 광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하지 않아야 한다.
- 깜빡임과 반짝임 사용 제한: 초당 3~50회 주기로 깜빡이거나 반짝이는 콘텐츠를 제공하지 않아야 한다.
4. 쉬운 내비게이션: 콘텐츠는 쉽게 내비게이션할 수 있어야 한다.
- 반복 영역 건너뛰기: 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
- 제목 제공: 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
- 적절한 링크 텍스트: 링크 텍스트는 용도나 목적을 이용할 수 있도록 제공해야 한다.
검사항목8. 키보드 사용 보장
개념
텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로도 이용할 수 있도록 하는 것을 말한다.
필요성
마우스를 이용하기 어려운 사용자가 키보드를 이용할 수 있도록 한다.
일반 사용자도 키보드로 더욱 빠르고 정확한 컨트롤이 가능해진다.
예외
- 자유롭게 움직이는 아날로그적인 기능
- 시뮬레이션과 같은 콘텐츠
- 입체적인 시각화 기능
- 마우스를 끌어서 거리를 측정할 수 있는 기능
단, 예외에 해당하는 경우라도 마우스로 이용가능한 기능은 키보드로도 이용할 수 있도록 구현해야 한다.
제공방법
기준: 모든 기능을 키보드로 접근 가능하고, 사용 가능하도록 제공한 경우 준수한 것으로 인정
오류유형
- 마우스를 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우
- 부가 어플리케이션 콘텐츠의 wmode값 설정으로 키보드 이용이 불가능한 경우
주의사항
- 반드시 IE8에서 확인할 것
- onkeypress, onkeydown, onkeyup 이벤트 핸들러를 사용하여 키보드로 제어가 불가능한 경우 감점
- 지리정보(GIS), 가상현실(VR) 콘텐츠의 경우 얘외 인정하나 기타 인터페이스는 키보드만으로 사용할 수 있어야 함
- 키보드로 탭 메뉴에서 탭1 → 탭2 → 탭3으로 이동하며 모든 탭을 확인할 수 없는 경우 감점
- onfocus="this.blur();"를 사용하는 경우 검사항목 8,9,10에서 동시 감점
- 플래시 콘텐츠의 wmode 값을 transparent 또는 opaque로 지정하게 되면 화면낭독기로 인식이 불가능함
검사항목9. 초점 이동
개념
키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
여기서 초점이란, 웹사이트에서 현재 위치하는 영역을 시각적으로 안내하기 위해 제공되는 형태로써 포커스 형태와 커서 형태 등으로 위치를 안내하는 것을 말한다.
필요성
시각장애인이나 상지장애인 등 키보드로만 웹사이트를 이용하는 사용자가 현재의 초점을 이해하고 원하는 콘텐츠를 이용할 수 있도록 함에 그 목적이 있다.
제공방법
기준: 키보드 초점을 받은 링크, 컨트롤 및 입력 서식은 초점을 받지 않은 객체들로부터 구분될 수 있도록 제공한 경우 준수한 것으로 인정
오류유형
- 초점의 이동순서가 논리적이지 안으며 일관성이 없는 경우
- 초점 도는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않는 경우
- <area>요소의 진행 순서에 의미가 있으나 키보드 접근 순서가 의미와 일치하지 않은 경우
주의사항
onfocus="this.blur();"를 사용하는 경우, 키보드 접근은 물로 초점의 시각적 구분이 불가하고 의도하지 않은 초점변화가 실행되므로 검사항목 8, 9, 10에서 동시 감점
검사항목10. 조작가능
개념
사용자의 입력 및 컨트롤을 조작할 수 있도록 하는 것을 말한다.
콘텐츠에 포함된 모든 컨트롤은 대각선 방향의 길이를 6.0mm이상으로 제공해야 한다.
필요성
터치스크린을 채용한 기기를 이용하는 손떨림이 있는 사용자와 시각장애인도 컨트롤을 용이하게 찾아서 조작 가능하도록 하는데 의의가 있다.
제공방법
링크, 사용자 입력, 기타 컨트롤 등의 안쪽 여백
기준: 웹페이지에서 제공하는 모든 이웃한 컨트롤들은 개별적으로 선택하고 사용할 수 있도록 대각선 길이가 6.0mm 이상의 크기와 컨트롤 안쪽 여백이 1픽셀 이상을 갖도록 제공한 경우
오류유형
- 컨트롤 크기가 대각선으로 6.0mm이상 제공하지 않은 경우
- 링크, 사용자입력, 기타 컨트롤의 테두리 안쪽으로 1픽셀 이상의 여백을 제공하지 않은 경우
검사항목11. 응답시간 조절
개념
제한된 시간 안에 요구되는 지시, 읽어야 할 내용이 있는 콘텐츠의 경우 그 시간을 조절할 수 있도록 기능을 제공해야 하는 것을 말한다.
필요성
일반적인 사용자 수준에 맞추어 주어진 제한시간은 감각에 장애가 있는 사용자에게는 접근 방식에 따라 시간이 부족할 수 있다.
따라서, 적용된 제한시간을 멈추거나 회피할 수 있도록 하여 동등한 정보의 인식을 위해 보완해야 한다.
제공방법
기준: 시간제한이 있는 콘텐츠의 응답시간을 조절할 수 있도록 제공한 경우 준수한 것으로 인정
오류유형
- 페이지 재 이동시 회피할 수 있는 수단을 제공하지 않은 경우
→ 확인, 취소 버튼 제공 및 충분한 시간을 제공하여 개선 - 제한 시간을 연장하는 방법에 제한 시간이 있는 경우
ex. 자동 로그인 시간을 연장하기 위해 특정 시간을 제공 → 로그인 연장 단축키 제공하여 개선
주의사항
- 원칙적으로 콘텐츠의 이용에 따르는 시간 조절을 허용할 수 없는 콘텐츠는 예외로 인정
- 검사대상은 자동전환 페이지(redirection page), 제한시간 연장, 제한시간 만료 경고 등이 해당함
검사항목12. 정지기능 제공
개념
자동 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다는 의미이다. 여기서 자동으로 변경되는 콘텐츠란, 스크롤되는 배너, 뉴스, 실시간 검색어 등과 같이 자동으로 흐르거나 움직이는 콘텐츠를 말한다.
필요성
자동으로 움직이는 콘텐츠에 대한 인식이 느린 고령자, 어린이, 인지 등에 장애가 있는 사용자의 경우 콘텐츠를 인식하는 시간이 오래 걸린다. 이와 같은 고령자, 어린이, 인지 등에 사용자가 자동으로 변경된ㄴ 콘텐츠를 놓치지 않도록 제어할 수 있게해야 한다.
제공방법
기준: 자동으로 변경되는 콘텐츠의 움직임을 제어할 수 있도록 제공한 경우 준수한 것으로 인정
오류유형
- 시간에 따라 변화하는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우
→ 정지, 이전, 다음 버튼 소스를 앞 부분으로 수정 - 시간에 따라 변화하는 콘텐츠가 마우스와 키보드로 제어 불가능한 경우
ex. 좌우 화살표 마우스 오버시 정지해있으나 키보드로는 정지하지 않음 → 콘텐츠를 제어할 수 있는 정지 버튼을 제공하여 수정
주의사항
- 움직이는 배너, 뉴스 등 시간에 따라 변화하는 콘텐츠를 키보드와 마우스로 평가
- 키보드 포커스 및 마우스 오버시 콘텐츠의 변화가 멈춰지면 정지 기능이 제공된 것으로 인정
- 검사대상은 자동적으로 스크롤되는 배너, 자동 변경되는 실시간 검색순위 등이 해당