본문 바로가기

웹접근성지침(WCAG2.0)

[웹접근성 지침-일반기술 G90] 키보드로 이벤트를 사용할 수 있어야 합니다.

728x90

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G90.html


기본 입력 장치인 키보드로 모든 기능을 이용할 수 있도록 만들어야 합니다.


기술설명

이 기술의 목적은 키보드나 키보드 인터페이스를 사용하여 사용자가 콘텐츠 기능을 사용할 수 있도록 하는 것입니다.

이 기술을 사용하기 위해서는 UI 이벤트에 의해 트리거 된 모든 이벤트 처리기가 키보드 기반 이벤트와 연결되는지를 확인해야 합니다. 또는 다른 입력 장치에서 제공하는 기능을 수행하기 위해 키보드 기반의 기술이 제공되어야 합니다.

 

 

예시

[예시1] 드래그 앤 드롭 기능(A drag and drop feature)

사진 애플리케이션이 있습니다. 사용자가 사진을 순서대로 한 장씩 볼 수 있게 하기 위하여 앨범 형식에서 사진 순서를 변경 시킬 수 있는 '드래그 앤 드롭'기능을 제공하고 있습니다.

또한 목록 형식에서는 키보드를 이용하여 사용자가 사진을 선택하고 '잘라내기'를 하여 원하는 위치에 '붙여넣기'를 할수 있는 기능을 제공합니다.

*drag and drop: 컴퓨터 그래픽 환경에서 객체를 클릭하여 다른 위치로 끌어다 놓는 것을 말한다.

 

[예시2] 재정렬 기능( A reorder feature)

사용자가 질문을 드래그(drag)해서 설문 조사를 만수 있는 웹 애플리케이션이 있습니다.

질문 목록과 텍스트 필드가 제공되고 있으며 원하는 질문 번호를 입력하여 필요한 질문을 재정렬 시킬 수 있습니다.

 

 

관련기술

SCR2: 중복 키보드 및 마우스 이벤트 핸들러 사용

SCR20: 키보드 및 기타 장치별 기능을 모두 사용

SCR35: 앵커 및 버튼의 onclick 이벤트를 사용하여 작업 키보드에 액세스할 수 있도록 만들기

 

 

점검절차

1. 키보드만으로 모든 기능을 사용할 수 있는지 확인합니다.

 


나의 정리

PC에서 키보드는 기본 입력 장치이고. 마우스는 보조 입력 장치입니다.

PC 운영체제가 GUI(그래픽 사용 환경)를 용하게 되면서 보조 입력 장치 인 마우스를 많이 사용하게 되었습니다.

하지만 마우스는 보조 입력 장치 이기 때문에 없어도 되지만 키보드는 기본 입력 장치이기 때문에 꼭 필요한 장치입니다. 마우스를 사용할 수 없는 환경이거나 마우스를 사용할 수 없는 사용자를 위해서 키보드로도 마우스가 하는 작업을 할 수 있도록 제작해야 합니다.

 

예를 들어 보겠습니다.

사진들이 갤러리 형식으로 보여 지고 있습니다. 마우스를 이용하여 사진 선택하여 다른 사진 앞으로 끌어다 놓으면 사진 순서가 자동은 변경됩니다. 이것을 키보드로도 할 수 있어야 합니다.

키보드의 방향키로 원하는 사진으로 이동하여 선택하고, 선택한 사진을 잘라내기한 다음에 위치하고 싶은 곳으로 이동한 후에 붙여넣기를 하면 되도록 제작 하는 것입니다.

 

기본 입력 장치인 키보드로도 모든 기능을 이용할 수 있도록 만들어야 합니다.


 

G90: Providing keyboard-triggered event handlers

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G90.html

 

G90: Providing keyboard-triggered event handlers | Techniques for WCAG 2.0

The objective of this technique is to permit individuals who rely on a keyboard or keyboard interface to access the functionality of the content. To do this, make sure that all event handlers triggered by non-keyboard UI events are also associated with a k

www.w3.org

 

728x90