키보드 (또는 키보드 인터페이스)만으로도 웹 콘텐츠가 제공하는 모든 기능을 수행할 수 있어야 한다.
운용의 용이성
작성자
관리자
작성일
2022-06-24 15:25
조회
1028
키보드 (또는 키보드 인터페이스)만으로도 웹 콘텐츠가 제공하는 모든 기능을 수행할 수 있어야 한다.
이에 대응하는 WAI의 체크포인트는 중요도1의 개별 항목에서는 찾을수 없습니다.
그보다는 지침 9 전체의 명제인 "장치 독립적인 설계를 한다"가 이를 포함하고 있다고 봐야 할 것입니다. WAI의 권장 적합도 A에는 없는 체크포인트이나 실제 필요에 비추어볼때 타당하다고 봅니다.
동 지침의 실천적 목표는 마우스보다는 키보드에 익숙한 시각장애인들과 마우스를 사용하기 힘든 운동장애를 가진 사람들을 고려한 것이라고 보입니다. 특히 마우스를 클릭하는등의 이벤트 발생시 이벤트 핸들러가 스크립트를 불러오게 되는데 이 때 키보드 이벤트 핸들러가 없다면 스크립트에 접근할 수 있는 길이 봉쇄되는 것입니다.
따라서 키보드로도 스크립트가 접근 가능하게 만들려면 대응하는 키보드 이벤트 핸들러를 추가하여야 합니다. 단 현실적으로 사용례는 찾아보기 힘드나 현재 표준을 이루는 W3C HTML4.01 규약에는 마우스의 더블 클릭에 대응하는 키보드의 이벤트가 없으므로 사용을 하지 않는 것이 좋습니다.
[대상 장애]
- 시각장애
- 마우스를 사용하기 힘든 운동 장애
사용예
■ 마우스 이벤트 핸들러만 사용하는 경우
마우스 포인터를 이곳에 옮기면 내용이 바뀝니다.
<p onmouseover="chkMouse(1);" onmouseout="chkMouse(2);">
<span id="chkvalue">마우스 포인터를 이곳에 옮기면 내용이 바뀝니다.</span>
</p>
<span id="chkvalue">마우스 포인터를 이곳에 옮기면 내용이 바뀝니다.</span>
</p>
위와 같이 마우스 이벤트 핸들러인 onMouseover() 를 사용할 경우 키보드로는 바뀐 내용을 알 수 없게 됩니다. 이럴 경우 탭 지정이 가능한 태그 나 속성을 지정하고 onFocus, onBlur, onKeydown, onKeyup, onKeypress와 같은 키보드 이벤트 핸들러도 추가하여 접근성을 높일 수 있습니다.
아래는 마우스와 키보드 이벤트 핸들러를 둘다 만족할 수 있는 예입니다.
아래는 마우스와 키보드 이벤트 핸들러를 둘다 만족할 수 있는 예입니다.
<a href="javascript:chkMouse(3);" onFocus="chkMouse(5);" onBlur="chkMouse(4);" onmouseover="chkMouse(5);" onmouseout="chkMouse(6);" title="">
<span id="chkvalue1">마우스 포인터를 이곳에 옮기거나 클릭하면 내용이 바뀝니다.</span>
</a>
<span id="chkvalue1">마우스 포인터를 이곳에 옮기거나 클릭하면 내용이 바뀝니다.</span>
</a>