단일 포인터 입력 지원

무엇을 요구하나요?

여러 손가락(두 손가락 확대·회전)이나 경로를 그리는 동작(쓸어넘기기, 끌어서 놓기, 정해진 모양 그리기)으로 실행하는 기능은 한 손가락으로 한 번 누르는 방법(탭, 클릭)으로도 할 수 있어야 합니다. 손 떨림이 있거나 한 손가락만 쓸 수 있는 사용자, 머리 포인터·입 스틱 사용자는 복잡한 동작을 하기 어렵습니다.

자주 틀리는 예

1. 두 손가락으로만 확대되는 지도

<div id="map"></div>

<div id="map"></div>
<div class="map-controls">
  <button type="button" data-zoom="in" aria-label="지도 확대">＋</button>
  <button type="button" data-zoom="out" aria-label="지도 축소">－</button>
</div>

2. 쓸어넘기기로만 넘어가는 이미지 목록

<div class="gallery" data-swipe>…</div>

<div class="gallery" data-swipe>…</div>
<button type="button" class="prev">이전 사진</button>
<button type="button" class="next">다음 사진</button>

3. 끌어서 순서를 바꾸는 목록

끌어서 놓기(drag & drop) 정렬에는 [위로]·[아래로] 버튼을 함께 제공하세요. 이 버튼은 키보드 사용자에게도 필요합니다. (6.1.1 키보드 사용 보장 참고)

확인하는 방법

1. 지도, 이미지 확대, 슬라이드, 정렬 목록, 범위 슬라이더, 서명 입력처럼 손가락 동작이 필요한 기능을 찾아 목록을 만드세요.
2. 각각을 한 손가락으로 한 번 누르는 것만으로 할 수 있는지 휴대폰에서 확인하세요.
3. 자동 검사로는 찾기 어려운 항목입니다. 수동 점검표에 기록하세요.