성공기준 이해 2.5.7:끌기(Dragging) 동작 (Level AA)

요약

목표

사용자 작업을 끌기에 의존하지 않는다.

할 일

끌기와 관련된 모든 작업의 ​​경우 간단한 포인터 대체 수단을 제공해야 한다.

중요성

어떤 사람들은 마우스로 항목을 끌기를 이용할 수 없다.

의도

이 성공 기준의 목적은 드래그 동작을 사용하는 기능이 요소를 끄는 데 필요한 능력 없이도 또 다른 단일 포인터 작동 방식을 갖도록 하는 것이다.

어떤 사람들은 끌기 동작을 정확한 방식으로 수행할 수 없다. 다른 사람들은 트랙볼, 헤드 포인터, 시선 추적 시스템 또는 음성 제어 마우스 에뮬레이터와 같은 특수하거나 개조된 입력 장치를 사용하므로 끌기가 번거롭고 오류가 발생하기 쉽다.

인터페이스가 끌기 동작을 사용하는 기능을 구현하면 사용자는 네 가지 개별 작업을 수행한다.

1. 탭이나 클릭하여 시작점을 설정한 다음
2. 길게 눌러 그 접촉 대상을 잡고 있는 동안
3. 포인터 위치 조정을 수행하고
4. 끝점에서 포인터를 놓는다.

모든 사용자가 해당 접촉 대상을 정확하게 누르고 있으면서 포인터 위치를 변경할 수 있는 것은 아니다. 포인터(마우스, 펜, 터치 접촉)를 사용하는 운동 장애가 있는 사용자가 기능을 사용할 수 있도록 대체 방법이 제공되어야 한다.

터치 스크린 장치를 사용하는 사람은 실제 키보드를 사용하지 않을 수 있으므로 이 요구 사항은 키보드 접근성과 별개이다. 끌어서 놓는 컨트롤이 발생하면 탭 이동이나 화살표 키와 같은 키보드 관련 상호 작용이 불가능할 수 있다. 그러나 텍스트 입력을 제공하는 것은 끌기 대신 허용되는 단일 포인터 대안이 될 수 있다. 예를 들어, 슬라이더 옆의 입력을 통해 모든 사용자가 슬라이더에 대한 정확한 값을 입력할 수 있다. 이러한 상황에서 터치 사용자에게 나타나는 화면 키보드는 영숫자 값을 입력하는 단일 포인터 수단을 제공한다.

이 기준은 사용자 에이전트에 의해 활성화된 스크롤에는 적용되지 않는다. 페이지 스크롤은 범위에 포함되지 않으며 CSS overflow와 같은 기술을 사용하여 콘텐츠 섹션을 스크롤 가능하게 만드는 것 또한 적용되지 않는다.

이점

• 끌기 동작을 수행하는 데 어려움을 겪는 사용자가 포인터 인터페이스를 사용하여 인터페이스를 여전히 조작할 수 있다.

예제

• 지도를 사용하면 사용자가 지도 보기를 드래그할 수 있으며, 지도에는 보기를 이동할 수 있는 위/아래/왼쪽/오른쪽 버튼도 있다.
• 정렬 가능한 요소 목록은 목록 요소를 탭하거나 클릭한 후 간단히 해당 컨트롤을 탭하거나 클릭하여 목록에서 요소를 위나 아래로 이동할 수 있는 인접한 컨트롤을 제공할 수 있다.
• 사용자가 열 간에 항목을 끌어다 놓을 수 있는 작업판은 팝업 메뉴 항목을 탭하거나 클릭하여 선택한 요소를 다른 열로 이동하기 위해 항목을 탭하거나 클릭한 후 열리는 추가 팝업 메뉴도 제공한다.
• 현재 선택한 색상에 대한 마커를 다른 위치로 끌어 값을 설정할 수 있는 방사형 제어 위젯(색상환)을 사용하면 색상환의 다른 위치를 탭하거나 클릭하여 다른 색상 값을 선택할 수도 있다.
• 현재 값을 표시하는 조절기(thumb)를 드래그하여 값을 설정할 수 있는 선형 슬라이더 컨트롤 위젯을 사용하면 슬라이더 트랙의 임의 지점을 탭하거나 클릭하여 값을 변경하고 조절기를 해당 위치로 설정할 수 있다.
• 여러 사람이 있는 사진에서 한 사람에게 선물을 끌어 놓을 수 있는 위젯에는 사용자가 메뉴에서 선물을 받아야 할 사람을 선택할 수 있는 대체 메뉴도 있다.

기법

이 섹션에서 번호가 매겨진 각 항목은 WCAG 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 간주하는 기법 또는 기법의 조합을 나타낸다. 그러나 이러한 특정 기법을 사용할 필요는 없다. 다른 기법 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 기법 이해, 특히 "기타 기법" 섹션을 참고하라.