사용자 지정 스와이프, 핀치 및 해당 기능을 위한 원포인터 대체 기능에 대한 인터페이스 검토.
공급업체는 화면을 빠르게 스와이프하여 제품 메뉴를 시연합니다. 스와이프할 때마다 다른 카테고리가 열립니다. 스마트폰에서는 두 손가락으로 확대/축소하면 제품 이미지가 커집니다. 시연은 매끄럽게 느껴지지만, 구매팀은 아직 동일한 고객이 간단한 탭 조작으로 다음 카테고리나 확대된 이미지에 어떻게 접근할 수 있는지에 대해 질문하지 않았습니다. 세련된 시연은 하나의 입력 방식만을 보여줄 뿐, 모든 고객이 해당 방식을 사용할 수 있다는 것을 보장하지는 않습니다.
B2B 자동판매기 프로젝트에서 웹 메뉴, QR 코드 랜딩 페이지 또는 브라우저 기반 운영자 도구와 같은 사용자 경험을 제공하는 모든 경우에 이 질문은 중요합니다. 어떤 사람들은 정확한 경로 지정이나 여러 터치 지점을 동시에 조작할 수 없습니다. 또 다른 사람들은 특수 포인팅 장치를 사용합니다. 구매 담당자는 실제 제스처 제어 기능을 파악하고 인터페이스 구성을 승인하기 전에 대안을 제시해야 합니다.
이 가이드의 근거는 W3C의 자료입니다.SC 2.5.1 이해하기: 포인터 제스처2026년 10월 11일 검토된 이 문서는 웹 콘텐츠에 대한 레벨 A 기준을 설명하고 사용자 지정 제스처를 운영 체제, 브라우저 및 보조 기술 동작과 구분합니다. 이 문서는 구매 관련 질문에 이러한 구분을 적용하며, 아래 세 제품이 예시 제스처를 사용하거나 접근성 평가를 통과했다고 주장하는 것은 아닙니다.
함수 목록을 작성하세요.
사용자 지정 스와이프 또는 멀티포인트 제스처가 실제로 무엇을 변경하는지 파악하십시오.
포인터 하나로 다시 반복하세요.
동일한 결과를 생성하는 비경로 연산을 요청하십시오.
SC 2.5.1에서는 복합 제스처가 필수적인 경우가 아니라면, 다중 포인터 또는 경로 기반 제스처를 사용하는 기능은 경로 기반 제스처 없이 단일 포인터로 조작할 수 있다고 명시하고 있습니다. 이 기준은 포인터 동작을 해석하는 웹 콘텐츠에 적용되며, 사용자 에이전트 또는 보조 기술을 작동시키는 데 필요한 동작에는 적용되지 않습니다.
다음 카테고리 버튼은 사용자 지정 가로 스와이프와 동일한 탐색 기능을 제공할 수 있습니다. 플러스/마이너스 컨트롤은 핀치와 동일한 확대/축소 기능을 제공할 수 있습니다. 키보드 단축키만으로는 이 특정 요구 사항을 충족할 수 없습니다. WCAG 2.2에서는 드래그에만 의존하는 대안이 별도의 SC 2.5.7 문제를 제기합니다.
구매 결정은 확인된 동작 방식에서 시작됩니다. 터치스크린이 있다고 해서 웹 콘텐츠라는 것을 보장할 수는 없으며, 메뉴 이미지만으로는 이벤트 처리 방식을 알 수 없습니다. 공급업체에게 제공되는 경험 중 어떤 부분이 웹 기반인지, 어떤 입력을 해석하는지, 그리고 어떤 기능이 간단한 포인터 조작을 통해 사용 가능한지 문의해야 합니다.
이것들은 다양한 소매 형식에 대한 목록 기반 후보입니다. 제스처 관련 질문은 시연 요청이며, 공개 페이지에서 가져온 기능이 아닙니다.
| 공개 제품 | 확정 소매가 기준 | 포인터 함수 검토 요청 |
|---|---|---|
| 음료 보관용 AI 비전 스마트 냉장고 (1도어) | 직접 선택한 포장 상품에 대한 AI 인식. | 관련 웹 페이지에서 패키지 이미지를 확대하거나 제스처로 옵션을 탐색하는 경우, 이와 동일한 단일 포인터 제어 기능을 제공하십시오. |
| WM22 스낵 및 음료 자판기 | 21.5인치 터치스크린과 구성별 배송 방식. | 제공되는 메뉴가 사용자 지정 카테고리 플릭을 사용하는 경우 탭 컨트롤을 통해서도 동일한 카테고리를 보여주세요. |
| 두 개의 진열대, 더 다양한 선택: 스낵 및 음료 자판기 | 메인 디스플레이와 더 작은 나선형 판매 공간이 눈에 띄게 배치되어 있습니다. | 웹 기반 메뉴에서 제스처를 통해 판매 섹션이 전환되는 경우, 동일한 섹션으로 바로 이동할 수 있는 간단한 컨트롤을 표시하세요. |
조건문의 표현이 중요합니다. 세 가지 목록 모두 핀치 투 줌 기능, 사용자 지정 플릭 탐색 또는 캐비닛 메뉴의 웹 구현을 명시하지 않았습니다. 프로젝트에 제안된 정확한 인터페이스에서 이러한 세부 사항을 해결하십시오.
이 가이드는 터치스크린 콘셉트를 승인하는 장비 구매 담당자, QR 코드 주문 페이지를 구축하는 운영 담당자, 그리고 별도의 웹 팀과 협력하여 캐비닛 소프트웨어를 조율하는 유통업체를 위한 것입니다. 특히 서면 사양서에 명시되지 않은 제스처 기능을 시연에 활용할 때 유용합니다. 기능 목록이 없으면 최종 납품은 구매자가 검토하지 않은 상호 작용에 따라 결정될 수 있습니다.
사용자 인터페이스 공급업체, 프로젝트 구매자 및 운영 담당자를 검토 과정에 참여시키십시오. 카테고리 탐색, 이미지 확대 및 옵션 선택과 같은 고객 대면 기능이 실제로 제공되는 경우 해당 기능을 포함하십시오. 제안된 웹 도구가 관련 제스처를 해석할 수 있는 경우에만 운영자 기능을 포함하십시오. 차트나 목록을 이동할 수 있다는 이유만으로 제스처를 추론해서는 안 됩니다.
한 번의 통제된 시연을 통해 다음에 무엇을 질문해야 할지 파악할 수 있지만, 이를 완전한 접근성 검토라고 할 수는 없습니다. 물리적 접근성, 화면 도달 거리, 텍스트 가독성, 키보드 지원 및 결제 보안에는 추가적인 질문이 필요합니다. 이 가이드는 입력 경로 결정 과정을 분리하여 명확하게 명시하고 점검할 수 있도록 합니다.
본 평가는 공개된 제품 설명과 W3C의 설명 지침을 활용했습니다. 저희는 해당 기기를 직접 작동시키거나 애플리케이션 이벤트 처리 방식을 테스트하지 않았습니다. 실제 제공되는 인터페이스를 사용하여 공급업체 주도의 검토를 실시하고, 각 동작을 기능과 대체 동작에 대해 기록하는 것을 권장합니다.
스크린샷은 컨트롤과 결과 화면을 보여줄 수 있지만, 그 자체만으로는 어떤 이벤트 처리 방식이 제스처를 인식하는지 증명할 수 없습니다. 분류가 불확실한 경우에는 실제 작동 시연과 공급업체의 구현 설명 자료를 요청하십시오.
다중 지점 입력.W3C는 핀치/스프레드 줌, 스플릿 탭, 두 손가락 또는 세 손가락 탭이나 스와이프와 같은 예시를 제시합니다. 각 기능에 한 번에 두 개 이상의 손가락이 필요한지 확인하십시오. 한 손가락 사용자가 문서화되지 않은 해결 방법을 찾아야 하는 상황이 발생해서는 안 됩니다.
정해진 경로.경로 기반 제스처는 포인터의 움직임, 예를 들어 직선으로 튕기거나 도형을 그리는 동작 등에 따라 달라집니다. 시작 및 끝 좌표보다 방향, 모양, 길이 또는 속도가 더 중요할 수 있습니다. 모든 가시적인 움직임을 동일한 유형의 제스처로 분류하기보다는, 인터페이스가 어떤 동작을 인식하는지 공급업체에 설명해 달라고 요청하십시오.
차이점을 끌어당기다.선택한 객체를 두 위치 사이에서 자유롭게 이동시키는 것은 일반적으로 경로 기반 입력이 아닌 드래그 입력에 해당합니다. 슬라이더는 포인터 포착으로 인해 보이는 경로에서 벗어나 움직일 수 있습니다. 만약 슬라이더가 정확한 경로를 필요로 하고 포인터가 경로를 이탈할 때 포착력을 잃는다면, 가이드라인에서는 이를 드래그 입력과 경로 기반 입력 모두로 간주할 수 있다고 언급합니다. 드래그 입력에 대한 별도의 검토는 승인 목록에 포함시켜 두십시오.
동등한 기능.대체 경로는 동일한 결과를 제공해야 합니다. 홈 메뉴로 돌아가는 버튼은 고객이 선택을 잃어버린 경우 다음 카테고리로 이동하는 기능을 대체할 수 없습니다. 대체 경로를 통해 관련 카테고리, 확대/축소 수준 또는 보기에 접근할 수 있는지 확인하십시오.
소유권 및 예외 사항.브라우저의 기본 스크롤링 및 화면 낭독기 탐색 제스처는 이 기준의 작성자-콘텐츠 범위에서 제외됩니다. 필수적인 예외는 본질적으로 필요한 복잡한 입력과 관련된 경우이며, 선호하는 시각적 효과가 제스처의 필수성을 입증하는 것은 아닙니다. 모든 스와이프 동작을 필수라고 선언하기보다는 공급업체에게 기능과 근거를 문서화하도록 요청하십시오.
아래 세 후보는 실제 WEIMI 제품 목록입니다. 이는 공개된 설명을 바탕으로 작성된 조달 후보 목록이며, 독립적인 인터페이스 테스트나 접근성 순위 평가 결과가 아닙니다. 먼저 소매 형식을 선택한 다음, 실제로 제공되는 소프트웨어 및 입력 옵션을 확인하십시오.
AI 비전 기능이 탑재된 1도어 냉장고는 포장 음료 및 호환 가능한 스낵류, 5단 선반과 5개의 바구니, 그리고 상단에 스크린 또는 라이트박스 옵션이 있습니다. 카메라가 일부 제품을 인식하는 기능을 지원하며, 포장 식품 보관에 적합하고 신선한 주스를 짜내는 기능은 없습니다.
이 형식의 경우, 제공되는 웹 제품 정보 또는 주문 과정을 실제 제품 수령 행위와 별도로 검토하십시오. 웹 페이지에서 핀치 확대 기능을 사용하는 경우, 한 손가락으로 확대/축소할 수 있는지 확인하십시오. 제품 목록에는 이러한 페이지 또는 제스처 기능이 포함되어 있다는 내용이 명시되어 있지 않습니다.
공개 매물 보기 →WM22는 21.5인치 터치스크린, 재고 관리 및 냉각 기능을 갖춘 제품으로 알려져 있습니다. 슬롯 메커니즘은 나선형, 컨베이어, 직접 밀어넣기, 걸이식 등 다양한 옵션으로 제공되며, 최종 메커니즘은 견적서별로 확인해야 합니다.
프로젝트에서 화면을 통해 간식과 음료를 선택하는 경험이 필요할 때 적합한 후보입니다. 공급업체에 제공되는 카테고리 및 옵션 컨트롤을 보여달라고 요청하세요. 사용자 지정 플릭으로 그룹 간 이동이 가능한 경우, 동일한 그룹으로 이동하는 탭 경로도 요청하십시오. 화면 크기만으로는 해당 기능이 작동하는지 확인할 수 없습니다.
공개 매물 보기 →이중 캐비닛 스테이션은 메인 제품 진열대와 추가적인 나선형 진열 공간을 제공합니다. 작은 진열 공간 위에는 메뉴 및 결제 공간이 있습니다. 내부 소프트웨어 공유, 독립 냉각 및 사용 가능 용량은 확인이 필요합니다.
제공되는 웹 메뉴의 경우, 제품 그룹 또는 판매 섹션 간의 탐색 기능이 있는지 검토하십시오. 간단한 섹션 선택기는 사용자 지정 제스처 탐색과 동일한 기능을 수행할 수 있습니다. 인용된 섹션에서 선택 및 제공이 제대로 작동하는지 확인하십시오. 공개 레이아웃만으로는 인터페이스 적합성을 보장할 수 없습니다.
공개 매물 보기 →직관적 또는 터치 친화적과 같은 마케팅 용어보다는 상호 작용 기능을 비교하십시오. 최종 제안된 구현 방식을 사용하여 이 표를 완성하십시오.
| 관찰된 함수 | 제스처 분류 질문 | 대안적 증거 |
|---|---|---|
| 제품군 탐색 | 사용자 지정 코드는 특정 방향으로 빠르게 움직여야 하나요, 아니면 빠르게 움직여야 하나요? | 클릭/탭 컨트롤은 이전 그룹과 다음 그룹에 모두 접근할 수 있습니다. |
| 이미지 확대 | 해당 기능은 동시 터치가 필요한가요? | 단일 포인터 컨트롤로 동일한 콘텐츠를 확대 및 축소할 수 있습니다. |
| 옵션 조정 | 포인터가 포착 후 경로를 이탈해도 되나요, 아니면 정확한 경로를 따라가야 하나요? | 경로 컨트롤이 아닌 컨트롤도 동일한 값을 변경합니다. 드래그 기능은 별도로 검토하십시오. |
| 페이지 이동 | 이것은 브라우저의 기본 스크롤링인가요, 아니면 작성자가 임의로 만든 움직임인가요? | 이 기준을 적용하기 전에 소유자를 문서화하십시오. |
| 확인 | 이 기능을 수행하는 데 있어 복잡한 움직임은 본질적으로 필수적인가? | 간단한 활성화 경로 또는 입증된 필수 근거를 문서화하십시오. |
키보드 경로가 작동한다는 이유만으로 대체 방법을 완료된 것으로 표시하지 마십시오. W3C는 일부 사용자가 포인팅 장치와 간단한 단일 포인터 동작에 의존한다는 점을 설명합니다. 키보드 접근성은 추가 검토 사항이며, 이 기준은 관련 포인터 경로를 요구합니다.
제스처 대체 기능 요구 사항은 정의된 인터페이스 작업으로 가격을 책정해야 합니다. 어떤 컨트롤이 이미 존재하는지, 어떤 컨트롤에 구성이 필요한지, 어떤 컨트롤에 개발이 필요한지, 그리고 어떤 컨트롤이 타사 웹 서비스에 속하는지 파악하십시오. 장비 견적과 함께 승인 증빙 자료 및 변경 지원에 대해 합의하십시오.
가상 리뷰 예산:제안된 웹 인터페이스에 제스처 제어 기능이 8개 있다고 가정해 보겠습니다. 각 기능을 10분씩 검토하는 데 80분이 소요됩니다. 해결되지 않은 기능 2개를 각각 15분씩 재검토하는 데 30분이 추가됩니다. 따라서 총 검토 시간은 110분, 즉 약 1.83시간입니다. 시간당 48달러로 가정하면, 이 검토 작업에 소요되는 인건비는 88달러입니다.
| 가정된 작업 | 시간 | 예시 노동 |
|---|---|---|
| 8가지 기능 검토 | 8 × 10분 = 80분 | 64달러 |
| 두 번의 후속 점검 | 2 × 15분 = 30분 | 24달러 |
| 전체 리뷰 | 110분 | 88달러 |
이러한 가정은 계획 수립만을 위한 것이며, 공급업체 가격, 실제 테스트 시간 또는 투자 수익률(ROI) 예측에는 적용되지 않습니다. 또한 개발, 번역, 참가자 모집, 하드웨어 접근성 및 광범위한 접근성 평가는 제외됩니다. 제어 기능 추가 또는 소프트웨어 변경에 대해서는 별도 견적을 요청하십시오.
이 글에서는 측정된 고객 전환율 증가를 제시하지 않습니다. 시범 운영 기간 동안 필요한 기능이 합의된 입력 경로를 통해 완료될 수 있는지, 그리고 어떤 결함이 남아 있는지 기록하십시오. 그러면 상업적 의사 결정은 가상의 매출 증가율이 아닌 실제 구현 노력과 사용성 증거를 기반으로 이루어질 수 있습니다.
온라인 소매 판매에 맞춰 제공되는 제품 이미지:AI 냉장고 형식에 맞는 포장 제품을 조사하십시오. 공급업체가 상세한 웹 이미지를 제공하는 경우 확대 기능을 검토하십시오. 단일 포인터 컨트롤은 동일한 정보 접근성을 제공해야 하며, 더 큰 캐비닛 디스플레이가 자동으로 해결책이 되는 것은 아닙니다.
카테고리가 많은 화면 선택:실제 제품 팩과 의도된 메뉴를 사용하여 WM22를 조사하십시오. 사용자 지정 플릭 탐색이 제공되는 경우, 동일한 제품 그룹에 접근할 수 있는 눈에 잘 띄고 이해하기 쉬운 컨트롤을 요청하십시오. 최종 언어 및 메뉴 구성으로 해당 컨트롤을 시연하십시오.
두 부분으로 구성된 상품:추가 판매 공간이 프로젝트에 적합한지 이중 캐비닛 스테이션을 검토하십시오. 고객이 원하는 섹션과 품목을 어떻게 식별하는지 확인하십시오. 하드웨어 구성이 하나의 인터페이스를 강요한다고 가정하지 않고 웹 기반 섹션 탐색을 위한 제스처 옵션을 검토하십시오.
제스처 없이 제공되는 인터페이스:다중 지점 또는 경로 기반 콘텐츠 기능이 존재하지 않는 상황에서 오류를 인위적으로 만들어내지 마십시오. 해당 범위 발견 사항을 기록하고 다른 승인 검토를 계속 진행하십시오. 조달 부서는 모든 후보 제품에 대해 불필요한 기능 검증을 강행하기보다는 실제로 구현된 기능을 기준으로 판단해야 합니다.
QR 코드 제품 정보 페이지의 경우, 제작자가 제어하는 이미지 뷰어와 카테고리 탐색 기능을 검토하세요. 휴대폰 브라우저에서 자체 제스처를 제공할 수도 있고, 사용자 지정 이미지 구성 요소가 별도의 핀치 또는 스와이프 동작을 해석할 수도 있습니다. 각 동작을 처리하는 레이어를 문서화하여 공급업체에게 올바른 구성 요소를 수정하도록 요청하세요.
브라우저 기반 운영 도구의 경우, 확정된 사용자 지정 차트 확대/축소, 탐색 스트립 또는 제스처 전용 보기 변경 사항을 검토하십시오. 이 작업에는 손가락 대신 데스크톱 포인터 또는 특수 장치가 사용될 수 있습니다. 동일한 기능을 수행하는 간단한 컨트롤을 사용하면 더 간단한 입력 방식으로 작업을 수행할 수 있습니다.
캐비닛 데모를 진행하기 전에 먼저 검토 대상 애플리케이션이 웹 콘텐츠인지 확인하십시오. WCAG 소스 코드 자체만으로는 명시되지 않은 네이티브 키오스크 애플리케이션이나 전체 물리적 기기에 대한 적합성 요구 사항을 규정하지 않습니다. 구매자는 프로젝트 사용성 요구 사항으로 동등한 수준의 간단한 제어 기능을 요청할 수 있으며, 이 경우 계약 범위는 명확하게 명시되어야 합니다.
다국어 배포 시 레이블, 레이아웃 또는 사용 가능한 컨트롤이 변경될 경우 기능 검토를 반복해야 합니다. 한 구성에서 보이는 컨트롤이 검토 없이 다른 구성에서 사라지는 일이 없도록 해야 합니다. 이는 제안된 승인 절차이며, 현재 WEIMI 메뉴에 그러한 결함이 있다는 증거는 아닙니다.
아니요. 구현된 동작을 분류하세요. 방향, 길이 또는 속도로 인식되는 사용자 지정 플릭은 경로 기반일 수 있습니다. 기본 브라우저 스크롤링은 이 기준의 작성자-콘텐츠 범위에서 벗어나며, 잡은 객체를 자유롭게 이동하는 것은 일반적으로 드래그입니다.
키보드 지원은 유용하지만, W3C는 SC 2.5.1에 키보드 조작성만으로는 충분하지 않다고 밝혔습니다. 동일한 확대/축소 결과를 얻을 수 있는 클릭이나 탭 컨트롤과 같은 단일 포인터 방식을 제공해야 합니다.
아니요. 동일한 기능을 수행하는 데 필요한 다른 방법이 있는 경우, 제스처가 필수적인 경우가 아니라면 다중 지점 또는 경로 기반 상호 작용을 유지할 수 있습니다. 두 방법의 애니메이션 방식이 동일한지 여부가 아니라 최종 기능을 비교해야 합니다.
검토된 지침은 작성자가 제공한 콘텐츠와 운영 체제, 사용자 에이전트 및 보조 기술 제스처를 구분합니다. 자판기 인터페이스에 문제를 제기하기 전에 누가 입력을 해석하는지 파악해야 합니다.
아니요. 많은 슬라이더는 포인터 캡처 기능을 사용하며 포인터가 보이는 경로에서 벗어나도록 허용합니다. W3C는 이러한 슬라이더를 경로 기반이 아닌 드래그 기반으로 간주합니다. 포인터가 지정된 경로를 벗어날 때 포인터의 제어력을 잃는 사용자 지정 슬라이더는 두 가지 범주 모두에 해당될 수 있습니다.
아니요. 이 문서는 확인된 웹 콘텐츠 상호 작용에 대한 집중적인 검토를 제안합니다. 이는 완전한 접근성 평가나 캐비닛 소프트웨어의 기본 기능, 물리적 접근성, 현지 법률 또는 WEIMI 제품의 적합성에 대한 결론을 제시하는 것이 아닙니다.
공급업체에게 제스처 제어 기능의 이름을 지정해 달라고 요청하고, 간단한 단일 포인터 경로를 통해 동일한 결과를 시연해 보이도록 하세요. 원래 제스처가 유용하다면 그대로 유지하되, 대체 제스처를 승인된 구성에 포함시키세요. 인터페이스가 번역, 구성 및 실제 소매 흐름에 연결된 후 기능을 검증하세요.
올바른 경계를 설정해야 합니다. 작성자가 제공하는 다중 지점 및 경로 기반 웹 상호 작용은 이 검토에 포함되어야 하며, 기본 스크롤 및 자유롭게 이동하는 드래그 객체는 별도의 분류가 필요합니다. 키보드 지원만으로는 SC 2.5.1을 충족할 수 없으며, 드래그 전용 대안은 별도의 WCAG 2.2 문제를 평가해야 합니다.
원천:W3C — SC 2.5.1 이해하기: 포인터 제스처2026년 10월 11일 검토 완료. 이 페이지는 설명 지침입니다. 링크된 세 개의 제조업체 목록은 명시된 제품 정보를 뒷받침하는 자료일 뿐이며, 제스처 동작, 접근성 적합성 또는 현지 법규 준수 여부를 판단하는 기준이 되지는 않습니다.
WEIMI에 목적지 국가, 위치 유형, 예상 제품 범위, 기계 수량 및 결제 방식을 보내주십시오. 프로젝트에 필요한 캐비닛 메뉴, QR 페이지 또는 운영자 웹 도구가 있는 경우 이를 포함하고, 구매 담당자 또는 직원이 필요로 하는 입력 경로의 이름을 지정하십시오.
요청 사항: "제공된 웹 인터페이스에서 사용자 지정 다중 지점 또는 경로 기반 제스처를 식별하고, 동일한 기능을 수행하는 단일 지점 비경로 제어 방식을 시연해 주십시오. 견적서에 소프트웨어 범위, 구성 작업 및 승인 증빙 자료를 명시해 주십시오."
맞춤 견적 받기 →
