소개

조작 방식은 간단해 보이지만 지속적인 물리적 움직임을 요구할 수 있습니다. 고객이 터치 상태를 유지하고, 물체를 움직인 후 정확하게 놓아야 하는 경우, 터치스크린 구매 인터페이스는 일부 사용자에게 어려움을 줄 수 있습니다. 따라서 구매 시 중요한 질문은 드래그 없이 포인터를 사용하여 해당 기능을 완료할 수 있는지 여부입니다.

W3C WAI의 WCAG 2.2 성공 기준 2.5.7(드래그 동작)에 대한 이해 페이지에서는 필수 및 사용자 에이전트 예외 사항을 제외하고 드래그를 통해 작동하는 기능에 대한 단일 포인터 대안을 설명합니다. 이 페이지는 이를 키보드 접근성 및 브라우저에서 제공하는 스크롤링과 구분합니다. 이러한 구분은 구매자에게 유용한 근거 자료를 제공합니다.

이 가이드는 공개된 자판기에 슬라이더, 정렬 가능한 목록 또는 드래그 전용 캐러셀이 포함되어 있다고 주장하지 않고, 견적 검토에 해당 구조를 적용합니다. 당사는 해당 장비를 테스트하거나 내장 인터페이스에 대한 WCAG 적용 가능성을 판단하지 않았습니다. 공개 페이지를 통해 소매업체 후보 목록을 작성하며, 실제 제어 및 대안은 공급업체의 확인을 거쳐야 합니다.

빠른 답변

재고 조사 결과 콘텐츠 제작자가 드래그 기능을 사용하는 것이 확인되었으며, 공급업체에게 포인터를 누른 상태로 이동시키지 않고도 동일한 클릭 또는 탭 작동이 가능한지 시연해 줄 것을 요청합니다.제공된 빌드에서 초기 상태, 원하는 결과 및 드래그하지 않는 경로를 정확하게 기록하십시오. 제안된 대안은 단순히 시각적으로 이동하는 것이 아니라 동일한 기능을 수행해야 합니다.

W3C의 설명은 포인터 접촉 시작, 유지, 위치 변경 및 끝점에서 놓는 데 필요한 사항을 설명합니다. 또한 슬라이더 트랙 클릭이나 입력 필드 사용과 같은 다른 포인터 경로의 예시를 제공합니다. 이러한 예시는 가능한 설계 접근 방식일 뿐, 최종 후보에 오른 기기들이 이를 구현한다는 증거는 아닙니다.

다음 세 가지 질문을 각각 분리해서 생각하세요. 키보드 조작이 가능한지, 포인터 하나만으로 드래그하지 않고 이동하는 방식이 가능한지, 그리고 해당 움직임이 콘텐츠에 의한 것인지 브라우저에 의한 것인지입니다. 터치스크린 사용자는 물리적 키보드가 없을 수도 있습니다. 브라우저 자체의 스크롤 메커니즘은 제스처를 가로채는 사용자 지정 콘텐츠 상호 작용 방식과는 다릅니다.

비교표

이 목록은 공개된 정보를 바탕으로 작성된 후보 목록이며, 독립적인 인터페이스 테스트 결과가 아닙니다. 드래그 컨트롤, 화면 키보드 또는 보조 입력 지원은 검증되지 않았습니다. 공급업체는 먼저 실제 소프트웨어와 고객 여정을 파악한 후, 관련 기능만 시연해야 합니다.

이 제품은 누가 구매해야 할까요?

고객용 터치스크린을 주문하거나, 새로운 연결형 구매 인터페이스를 승인하거나, 동작 기반 제어 기능을 변경하는 릴리스를 수락할 때 이 브리핑 자료를 활용하십시오. 또한 유통업체가 공급업체의 시연 내용과 실제로 제공될 구성(타사 고객 페이지 포함)을 비교하는 데에도 도움이 됩니다.

구매자, 인터페이스 소유자 및 관련 단계를 담당하는 공급업체를 포함하십시오. 프로젝트에 접근성 요구 사항이 있는 경우 적절한 평가자와 예상 사용자를 참여시키십시오. 공급업체에게 데모 환경과 입력 방식을 명시하도록 요청하십시오. 마우스를 사용한 사전 설명은 디자인을 설명할 수는 있지만 주문한 터치 하드웨어에서의 작동을 보장하지는 않습니다.

의도는 드래그 없이 동일한 기능을 구현하는 것입니다. 이는 실수로 누른 버튼을 취소하거나, 도움말을 찾거나, 모달 대화 상자를 닫는 것과는 다릅니다. 이러한 기능들은 동일한 인터페이스에서 상호 작용할 수 있지만, 취소 동작이 성공했다고 해서 드래그 기능이 존재한다는 것을 의미하지는 않습니다. 수용 증거는 특정 기능과 연관시켜 제시해야 합니다.

스마트 자동판매기를 평가하는 방법

저희는 W3C의 유용한 자료를 활용하여 소매 형식을 구분하는 검토 및 공개 WEIMI 목록을 개발했습니다. 기계를 직접 작동시키거나, 제스처 핸들러를 검사하거나, 적합성 심사를 수행하지는 않았습니다. "최적"이라는 표현은 조건부 조달 후보 목록을 제시하고, 그 후 구성별 증거를 확인하는 과정을 의미합니다.

누가 그 움직임을 해석하는지 밝혀내세요.

콘텐츠가 드래그 기능을 구현했는지 아니면 브라우저가 제공하는지 확인하십시오. 해당 자료에서는 일반적인 브라우저 스크롤링(CSS 오버플로 영역을 포함하여 브라우저에서 제공하는 스크롤 메커니즘을 사용하는 경우)은 제외한다고 명시하고 있습니다. 콘텐츠가 기본 스크롤링을 적극적으로 억제하거나 자체 메커니즘을 구현하는 경우에 이 기준이 적용된다고 합니다. 분류를 위해서는 움직이는 페이지의 스크린샷보다는 구현 증거가 필요합니다.

함수적 동등성을 정의하십시오.

드래그 작업의 결과(값, 선택된 항목, 객체 위치 또는 기타 확인된 결과)를 기록하십시오. 공급업체에 다른 방법을 통해서도 동일한 결과를 보여주도록 요청하십시오. 소스는 동일한 기능을 위해 다른 구성 요소를 허용하므로 외관이 동일하다는 것이 결정적인 증거는 아닙니다. 반대로 시각적 표시만 변경하는 버튼은 필요한 작업을 완료하지 못할 수 있습니다.

정해진 여정에서 대안을 제시하십시오.

공급업체가 승인한 테스트 환경과 실제 제공된 입력 방식을 사용하십시오. 고객이 드래그 없이 탭이나 클릭만으로 작업을 완료할 수 있는지 확인하십시오. 소프트웨어 릴리스 및 연결된 서비스 버전을 보관하십시오. 데스크톱 데모에서 작동한다는 이유만으로 키보드만 사용하는 해결 방법을 단일 포인터 방식의 완전한 증거로 기록하지 마십시오.

주요 구매 요인

1. 키보드와 포인터는 별도로 평가됩니다.

해당 자료에 따르면 키보드 동등성이 자동으로 이 기준을 충족하는 것은 아니며, 클릭이나 탭으로 조작할 수 있는 컨트롤이 함께 제공되어야 합니다. 터치스크린 사용자는 물리적 키보드를 가지고 있지 않을 수도 있습니다. 공급업체에 포인터 경로를 직접 시연해 달라고 요청하되, 키보드 요구 사항은 별도의 검토 사항으로 유지하고 폐기하지 않도록 하십시오.

2. 다른 동작을 취하면 장애물을 제거할 수 있습니다.

설명에 따르면 대안은 스와이프나 플릭과 같은 경로 기반 제스처에만 의존할 수 없습니다. 따라서 드래그를 방향 스와이프로 대체하는 것은 해결되지 않은 문제를 남길 수 있습니다. 동일한 기능을 수행하는 간단한 포인터 동작이 무엇인지 질문하고 실제 구현에서 필요한 나머지 움직임 요소를 파악해야 합니다.

3. 지원되는 범위 전체에 걸쳐 동일한 결과 제공

제안된 대안은 특정 값에서는 편리할 수 있지만, 다른 필수 상태에는 도달하지 못할 수 있습니다. 조정 가능한 제어 기능을 확인하려면 공급업체가 지원하는 조건에서 관련 최종 결과 및 중간 결과에 대한 시연을 요청하십시오. 이는 편집상의 승인 질문이며, 발표된 측정값이나 특정 제품의 범위에 대한 주장이 아닙니다.

4. 발견 가능성 및 수정

대안은 고객 여정에서 사용 가능해야 합니다. 대안의 명칭, 위치 및 결과가 어떻게 전달되는지, 그리고 디자인에서 수정이 가능한 경우 사용자가 선택한 상태를 어떻게 수정할 수 있는지 고려해야 합니다. 소스 코드는 드래그하지 않고도 이동할 수 있는 동등한 경로를 제공합니다. 이러한 추가적인 조달 관련 질문은 고객이 실제로 식별하기 어려운 모호한 해결 방법을 수용하는 것을 방지하는 데 도움이 됩니다.

5. 필수적인 이동에는 특정한 이유가 필요합니다.

이 기준에는 드래그 기능이 필수적인 경우 예외 조항이 포함되어 있습니다. 공급업체는 실제 기능과 드래그 기능을 제거했을 때 기능이 어떻게 달라지는지 설명해야 합니다. 시각적으로 매력적인 애니메이션에 대한 선호는 필수 기능에 대한 합리적인 평가와 다르게 취급해야 합니다. 이 지침은 납품된 기기에 예외 조항이 적용되는지 여부를 판단하는 기준이 아닙니다.

6. 네이티브 스크롤링과 커스텀 스크롤링에는 서로 다른 증거가 필요합니다.

소스 코드는 브라우저에서 제공하는 스크롤링과 콘텐츠를 가로채거나 자체 스크롤링 메커니즘을 구현하는 경우를 구분합니다. 구현 담당자와 시연 조건을 기록하십시오. 모든 스크롤 가능한 제품 목록을 드래그 컨트롤 실패로 간주하거나, 일반 페이지 스크롤링처럼 보인다는 이유만으로 사용자 지정 제스처를 제외하지 마십시오.

최고의 스마트 자동판매기

다음 세 가지 실제 공개 목록은 소매 형식을 설명합니다. 이 목록들은 드래그 동작, 드래그 방지 옵션 또는 접근성 성능에 대한 정보를 제공하지 않습니다. 제품 구색에 맞는 장비 구성을 선택한 다음, 제시된 인터페이스에 대한 관련 제어 증거를 요청하십시오.

기능 비교

공급업체에게 제안된 각 요구사항을 확인됨, 미해결 또는 확정된 구성 범위를 벗어남으로 표시하도록 요청하십시오. 이 매트릭스는 기계적인 점수 계산 방식이 아닙니다. 소프트웨어, 입력 방식 및 담당 공급업체를 기록하여 추후 릴리스에서 동일한 승인 범위와 비교할 수 있도록 하십시오.

비용 및 투자수익률 분석

가상 검토 비용 및 결과일 뿐입니다.재고 조사에 400달러, 통합 지표 시연에 450달러, 시범 검토에 200달러를 지출한다고 가정합니다. 초기 지출액은 1,050달러입니다. 연간 후속 관리에 300달러를 지출한다고 가정합니다. 장비, 구현, 교육 및 공식 평가는 제외됩니다.

추가 구매 완료와 관련된 연간 총 공헌이익이 미화 1,300달러, 850달러 또는 250달러라고 가정해 보겠습니다. 이러한 가정은 실제 측정된 이익이나 예측치가 아닙니다. 연간 검토 비용 300달러를 차감한 후, 연간 순 공헌이익은 미화 1,000달러, 550달러 또는 -50달러가 됩니다. 실제 비즈니스 모델에서는 공헌이익을 총수익과 구분해야 합니다.

첫해 검토 비용은 1,350달러입니다. 단순 회수 기간 계산은 초기 금액을 예상되는 연간 순이익으로 나누는 방식으로 이루어지며, 시기, 금융 및 기타 비용은 고려하지 않습니다. 실제 시범 사업에서는 투입 경로 효과를 교통량, 상품 구색, 지불 신뢰성 및 기타 소프트웨어 변경 사항과 구분해야 합니다. 이러한 계산 방식으로는 인과 관계나 예상 장비 수익을 도출할 수 없습니다.

시나리오별 최적의 선택

카메라 결제 시스템을 갖춘 포장 제품 소매점:규격에 맞는 경우 단문형 냉장고를 최종 후보 목록에 포함시키세요. 카메라로 촬영한 제스처를 통해 고객의 행동을 추론하는 대신, 실제 접근 및 결제 과정에서 확인된 고객 제어 방식에 대한 증거를 요청하세요.

터치스크린 방식의 간식 및 음료:주문한 분배 메커니즘이 재고에 적합한 경우 WM22를 후보 목록에 추가하십시오. 제공된 인터페이스에서 드래그 기능이 확인된 경우 드래그 기능이 없는 포인터 시연을 요청하십시오.

판매 가능한 공간 두 곳:레이아웃이 현장에 적합한 경우 이중 캐비닛 역을 최종 후보로 고려하십시오. 실제 메뉴/결제 제어 권한 소유자를 파악하고 관련 확정 노선에 대해서만 동일한 기능을 비교하십시오.

응용 프로그램

인용 증거

각각의 드래그 기능, 의도된 결과, 그리고 대체 포인터 경로를 설명하는 목록을 첨부하십시오. 제안된 기능과 이미 포함된 컨트롤을 구분하십시오. 공급업체에게 터치스크린 접근성에 대한 일반적인 설명에 의존하기보다는, 필수적인 예외 사항이나 사용자 에이전트 관련 예외 사항을 설명과 함께 제시하도록 요청하십시오.

조종사 관찰

합의된 시연 과제와 적절한 참가자를 활용하십시오. 드래그를 하지 않은 전체 경로를 관찰하고, 결과 상태를 확인하십시오. 실제 입력 환경과 소프트웨어 버전을 보존하십시오. 본 연구는 제안 단계이며, 참가자 수, 완료율 또는 기계 테스트 결과는 보고되지 않습니다.

인터페이스 수정

컨트롤, 연결된 서비스 또는 제스처 처리 방식이 변경될 경우 영향을 받는 데모를 반복하십시오. 익숙한 시각적 구성 요소도 릴리스 후 작동 방식이 달라질 수 있습니다. 이전 스크린샷을 영구적인 증거로 사용하는 대신, 승인 결과를 버전 및 해당 기능과 연관시켜 관리하십시오.

자주 묻는 질문

최종 권고

실제 소매점에서 제품을 구매한 후, 드래그 기능이 제대로 작동하는지 확인하기 위해 각 기능에 대한 시연을 요청하십시오. 기능적 동등성, 키보드 접근성 및 브라우저 소유권을 별도로 확인하십시오. 시연된 특정 대안을 수락하거나, 해결되지 않은 요구 사항을 명확하게 기록하십시오. 화면 크기나 공개된 제품 이미지만으로 작동 방식을 추측하지 마십시오.

원천:W3C WAI, SC 2.5.7 이해: 드래그 동작본 내용은 2026년 10월 10일 기준이며, 2026년 8월 10일에 업데이트되었습니다. 본 자료는 정보 제공을 위한 웹 안내입니다. 링크된 기술 및 전체 규범 표준은 평가되지 않았습니다. 제품 설명은 링크된 공개 목록 및 동일 날짜에 기록된 증거에 기반합니다. 기계 테스트, 적합성 판정 또는 상업적 개선 사항은 주장하지 않습니다.

CTA

구성별 포인터 작동 증빙 자료를 첨부하여 WEIMI 견적을 요청하십시오.제품 구성과 제공되는 고객 여정을 설명하십시오. 어떤 컨트롤을 드래그해야 하는지, 동일한 기능이 탭이나 클릭으로 어떻게 수행되는지, 그리고 각 상호 작용에 대한 책임이 어느 공급업체에 있는지 문의하십시오.

맞춤 견적 받기