모두가 함께 누리는!
다양한 사용자들과 함께 정보에 접근하고, 기술의 혜택을 누릴 수 있는 지침을 소개합니다.
Make it More Accessible!
8. 키보드 사용 보장
모든 기능은 키보드만으로도 사용할 수 있어야 한다.
-
1) 드롭 다운 메뉴
키보드 접근 시에도 드롭 다운 되도록 제공한다.
준수 사례 -
2) 자동 롤링 콘텐츠 마우스 오버 시 전체 콘텐츠 노출
키보드 접근 시에도 전체 콘텐츠가 노출되도록 제공한다.
준수 사례 -
3) 특정 버튼에 마우스 오버 시 레이어 노출
키보드 접근 시에도 레이어가 노출되도록 제공한다.
준수 사례 -
4) 이미지 또는 초점을 받을 수 없는 요소에 마우스 이벤트 적용
키보드로도 운용 가능하도록 제공하거나 초점을 받을 수 있는 요소로 제공한다.
오류 사례소스 코드<span onclick=”btn_next();”>다음 콘텐츠 보기</span>
해결 방안<button>다음 콘텐츠 보기</button>
-
5) a링크 요소에 href 속성이 없는 경우
a 태그 사용시에는 키보드 접근이 가능하도록 href 속성을 제공한다.
오류 사례소스 코드<a>네이버 책</a>
해결 방안<a href=”#”>네이버 책</a>
-
6) 키보드가 함정에 빠진 경우
키보드 접근 시 다음 컨트롤로 이동이 가능하도록 제공한다.