성공기준 이해 2.5.1:포인터 제스처 (Level A)

요약

목표

사용자가 한 손가락과 축소된 동작으로 터치스크린을 작동할 수 있다.

할 일

모든 기능에 대해 단일 포인터 동작을 제공한다.

중요성

모든 사람이 복잡한 멀티 터치 동작을 수행할 수 있는 것은 아니다.

의도

이 성공 기준의 목적은 다양한 포인팅 장치, 기능 및 보조 기술을 사용하여 콘텐츠를 제어할 수 있도록 하는 것이다. 일부 사람들은 정확한 방식으로 동작을 수행할 수 없거나 헤드 포인터, 시선 시스템 또는 음성 제어 마우스 에뮬레이터와 같은 특수하거나 적응된 입력 장치를 사용할 수 있다. 일부 포인팅 방법에는 다중 포인터 또는 경로 기반 동작을 수행하는 기능이나 정확성이 부족하다.

경로 기반 동작에는 끝점(endpoints)뿐만 아니라 이러한 지점 사이에서 포인터가 이동하는 방식에 대한 상호 작용이 포함된다.

사용자가 시작점에서 끝점까지 (대부분) 직선으로 움직이는 경우에만 동작이 인식된다면 이는 경로 기반 동작의 예이다.

중간 지점(보통 동작 시작 근처)을 통과하는 것이 의미에 영향을 미치는 경우 이는 경로 기반 동작이다. 사용자는 포인터(시작점)를 잡고 포인터(끝점)를 풀기 전에 적어도 하나의 중간 지점을 통과하는 이동을 수행한다. 중간 지점은 전체 경로가 정의되지 않은 경우에도 특정 경로가 필요한 동작을 정의한다.

경로 기반 동작의 예로는 스와이프, 상호작용 방향에 따른 슬라이더, 캐러셀, 특정 모양을 그리는 등 정해진 경로를 추적하는 기타 동작이 있다. 이러한 경로는 손가락이나 스타일러스를 사용하는 터치스크린, 그래픽 태블릿 또는 트랙패드, 마우스, 조이스틱 또는 유사한 포인터 장치를 사용하여 그릴 수 있다.

끌기(drag)는 사용자가 포인터(예: 마우스 커서 또는 손가락)로 개체를 집어 다른 위치로 이동하는 동작이다. 시작점에서 끝점으로의 이동은 사용자가 특정 경로나 방향을 따를 필요가 없다. 따라서 끌기는 경로 기반이 아니다. 대조적으로, 경로 기반 포인터 동작에는 중간 지점의 통과가 필요하다. 이는 동작의 방향성과 속도가 특정 명령을 시스템에 전달한다는 것을 표현하는 기술적인 방법이다. 끌기 동작은 적합 기준 2.5.7: 끌기 동작에서 다룬다.

다중 포인트 동작의 예로는 두 손가락 핀치 줌, 한 손가락을 화면에 놓고 두 번째 손가락으로 탭하는 스플릿 탭, 두 손가락 또는 세 손가락 탭 또는 스와이프 등이 있다. 사용자가 한 손가락이나 막대기로 입력하고 가리키는 경우 이러한 작업을 수행하는 것이 어렵거나 불가능할 수 있다.

저작자는 다중 포인트 또는 경로 기반 동작 없이 콘텐츠를 운용할 수 있는지 확인해야 한다. 탭, 클릭, 더블 탭, 더블 클릭, 길게 누르기, 클릭 & 홀드 등 다른 방법으로도 기능을 작동할 수 있는 한 다중 포인트 또는 경로 기반 동작을 사용할 수 있다.

이 성공 기준은 운영 체제, 사용자 에이전트 또는 보조 기술에 의해 정의된 동작이 아닌 저작자가 제공한 콘텐츠의 동작에 적용된다. 운영 체제 동작의 예로는 내장된 보조 기술(AT)에 대한 시스템 알림 및 동작을 보기 위해 아래로 스와이프하는 것이다. 사용자 에이전트가 구현한 동작의 예로는 페이지 방문 기록(history) 내에서 탐색하기 위해 브라우저에서 구현한 가로 스와이프 또는 페이지 콘텐츠 스크롤을 위한 세로 스와이프 등이 있다.

구성 요소에 터치 스크린 장치에 대한 경로 기반 동작이 필요하지만 마우스에는 필요하지 않은 경우가 있다. 일반 슬라이더의 예를 들면 다음과 같다.

• 마우스 사용: 사용자가 슬라이더의 조절기(thumb) 컨트롤을 클릭하고 수직으로 이동하면 대부분 위쪽으로 이동하더라도 슬라이더가 오른쪽이나 왼쪽으로 이동하여 반응한다. 슬라이더에 초점을 맞춰 끌기 동작을 하면 수직 이동으로 인해 페이지 스크롤이 발생하지 않는다. 따라서 슬라이더에는 마우스 포인터를 사용한 경로 기반 동작이 필요하지 않다.
• 터치 스크린 사용: 사용자가 슬라이더의 조절기 컨트롤에 손가락을 대고 옆쪽보다 위쪽으로 더 많이 움직이는 경우 브라우저가 스와이프를 제어하고 이를 페이지 위아래 스크롤로 해석하여 슬라이더가 응답하지 않을 수 있다. 슬라이더 조절기를 왼쪽이나 오른쪽으로 움직이면 슬라이더가 작동하고 사용자는 수직 움직임을 변경할 수 있다. 이 구현에는 터치 스크린 장치에서 손가락으로 작업하기 위한 3점 요구 사항이 있으므로 경로 기반 동작이다.

터치 스크린 장치는 기본 동작을 적용할 수 있으므로 특정 구성 요소에 경로 기반 동작이 필요한지 확실하지 않은 경우 이를 테스트하는 것이 중요하다.

터치 스크린 장치의 브라우저는 일반적으로 경로 기반 동작이 필요한지 여부에 영향을 미치는 몇 가지 기본 동작을 제공한다. 예를 들어 터치스크린 장치의 웹 브라우저는 수직 동작을 감지하고 페이지를 스크롤할 수 있다. 사용자가 슬라이더 조절기에 손가락을 대고 위로 이동하면(아래로 스크롤하기 위해) 슬라이더가 활성화되지 않을 수 있다(구현에 따라 다름). 사용자가 먼저 수평으로 이동하면 슬라이더가 해당 동작을 인식하고 수직 이동을 무시하여 경로 기반 동작이 발생한다. 접근성 지원으로 터치 스크린 장치를 포함하는 경우 유사한 방식으로 마우스를 사용하면 동일한 브라우저 동작이 발동하지 않으므로 이러한 유형의 상호 작용은 터치 스크린으로 테스트해야 한다.

이 성공기준은 모든 기능이 포인팅 장치를 통해 사용 가능해야 한다고 요구하지 않는다. 하지만 포인팅 장치를 통해 기능을 사용할 수 있다면, 경로 기반 동작을 요구해서는 안된다. 콘텐츠 저작자는 일반적으로 복잡한 동작과 동등한 작업을 수행하는 키보드 명령어나 포인터가 아닌 다른 매커니즘을 제공해야 한다(성공기준 2.1.1 키보드 참조). 그러나 이것만으로는 이 성공기준을 준수하기에 충분하지 않다. 일부 사용자는 전적으로 포인팅 장치에 의존하거나, 대안보다 간단한 포인터 입력 방식이 훨씬 사용하기 쉽고 이해하기 쉬울 수 있기 때문이다. 예를 들어, 헤드 포인터를 사용하는 사용자는 키보드 단축키를 에뮬레이트하기 위해 온스크린 키보드를 활성화하는 것보다 컨트롤을 찾아 클릭하는 것이 훨씬 더 편리할 것이다. 또한 단축키 조합(또는 동작)을 기억하기 어려운 사람은 레이블이 있는 컨트롤을 간단히 클릭하는 것이 훨씬 더 쉬울 수 있다. 따라서 하나 이상의 포인터 기반 매커니즘이 지원된다면, 그 이점은 단순한 단일 포인트 작업을 통해 사용자에게 제공되어야 한다.

단일 포인터 조작에는 탭 및 클릭, 두 번 탭 및 두 번 클릭, 길게 누르기, 스와이프, 끌기 및 경로 기반 동작이 포함된다. "핀치하여 확대/축소" 또는 두 손가락 스와이프와 같은 동작은 두 개 이상의 포인터 입력(이 경우 터치스크린에 두 손가락)이 필요하기 때문에 다중 포인트 동작이다.

복잡한 경로나 다중 포인트 동작을 기반으로 하는 본질적이고 필수적인 기능에는 예외가 적용된다. 예를 들어, 서명을 입력하는 것은 본질적으로 경로 기반일 수 있다(무언가를 승인하거나 신원을 확인하는 데 쓰이지만 반드시 필요 하지는 없음).

끌기 작업에서는 시작점과 끝점만 중요하므로 이 성공 기준은 어떤 방향으로든 끌기 동작에는 적용되지 않는다. 그러나 이러한 동작에는 미세한 움직임 제어가 필요하다. 저작자는 끌지 않는 방법을 제공하는 것이 좋다. 예를 들어 탭 또는 키보드 상호 작용을 통해 항목을 선택한 다음 두 번째 단계로 대상을 선택하여 끌어서 놓기(drag & drop) 작업을 수행할 수도 있다.

이점

• 터치스크린이나 마우스를 사용하여 경로 기반 포인터 동작을 (정확하게) 수행할 수 없는 사용자는 콘텐츠를 조작하기 위한 대체 수단을 갖게 된다.

• 터치스크린에서 멀티 포인터 동작을 수행할 수 없는 사용자(예: 헤드 포인터와 같은 대체 입력으로 터치스크린을 조작하기 때문에)는 콘텐츠 조작을 위한 단일 포인터 대체 수단을 갖게 된다.

• 저작자가 의도한 사용자 정의 동작 상호 작용을 이해하지 못하는 사용자는 간단하고 자주 사용되는 동작을 사용하여 상호 작용할 수 있다. 이는 인지 장애나 학습 장애가 있는 사용자에게 특히 유용할 수 있다.

예제

• 웹사이트에는 지도 콘텐츠를 확대하기 위한 핀치 동작을 지원하는 지도 보기가 포함되어 있다. 사용자 인터페이스 컨트롤은 플러스 및 마이너스 버튼을 사용하여 확대 및 축소하는 작업을 제공한다.

• 웹사이트에는 지도 콘텐츠를 확대하기 위한 핀치 동작을 지원하는 지도 보기가 포함되어 있다. 단일 포인터 대안으로 지도에서는 ​​사용자가 두 번 탭하고 누른 다음 포인터를 위나 아래로 움직여 확대하거나 축소할 수도 있다.

• 뉴스 사이트에는 빠른 수평 스와이프/플릭(swipe/flick) 동작을 통해 뷰포트로 이동할 수 있는 숨겨진 뉴스 티저가 있는 수평 콘텐츠 슬라이더가 있다. 또한 인접한 슬라이더 콘텐츠로 이동하기 위해 단일 포인트 활성화를 위한 앞으로 및 뒤로 화살표 버튼도 제공한다.

• 정의된 프로세스의 상태를 나타내는 여러 수직 영역이 있는 칸반 위젯을 사용하면 사용자가 요소를 오른쪽 또는 왼쪽으로 스와이프하여 인접한 영역으로 이동할 수 있다. 사용자는 한 번의 탭이나 클릭으로 요소를 선택한 다음 화살표 버튼을 활성화하여 선택한 요소를 이동함으로써 이를 수행할 수도 있다.

• 사용자 정의 슬라이더는 조절기를 끌어 작동시킬 때 엄격한 왼쪽/오른쪽 방향으로 움직여야 한다. 슬라이더 양쪽에 있는 버튼은 선택한 값을 증가 및 감소시키고 조절기 위치를 업데이트한다.

기법

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