소개

고객이 다음 컨트롤로 이동하여 살펴보려는데 인터페이스가 즉시 다른 화면으로 넘어갑니다. 또 다른 고객은 입력 필드에 도달하자마자 도움말 창이 나타납니다. 이 두 가지 예시는 일반적인 구매 시연에서는 놓칠 수 있는 구매 관련 질문을 제기합니다. 바로 어떤 이벤트가 실제로 화면 전환을 유발했는지입니다.

W3C WAI의 WCAG 2.2 성공 기준 3.2.1(초점 맞추기)에 대한 이해 설명에 따르면, 초점을 맞추는 행위는 컨텍스트의 변화를 유발해서는 안 됩니다. 예시로는 자동 양식 제출, 새 창 열기, 다른 구성 요소로 초점 이동 등이 있습니다. 이 문서는 해당 웹 가이드라인을 활용하여 공급업체의 질문을 구성한 것이며, 자판기를 인증하거나 특정 장소에 대한 법적 의무를 규정하는 것은 아닙니다.

최종 후보 목록에는 WEIMI에서 공식적으로 출시한 세 가지 제품 형식이 포함되어 있습니다. 해당 제품 목록은 소매 장비에 대한 설명이며, 초점 동작에 대한 검증은 포함되어 있지 않습니다. 물리적 입력 장치, 보조 기술 호환성 또는 소프트웨어 이벤트 처리는 테스트되지 않았습니다. 적절한 평가자가 검토 범위를 설정하여 확정된 고객 인터페이스 및 관련 웹 단계에 대한 검토를 진행하십시오.

빠른 답변

집중력을 확보한 증거와 행동을 실행한 증거를 각각 요청하십시오.제공업체는 지원되는 탐색 방법을 사용하여 컨트롤에 도달했지만 해당 기능을 선택하지 않은 경우 어떤 일이 발생하는지 보여줘야 합니다. 그런 다음 제출, 계속 진행 또는 다른 화면 열기와 같은 의도적인 동작을 시연해야 합니다. 성공적인 구매를 녹화한 단일 영상이 아닌, 이러한 차이점을 기록해야 합니다.

"화면 변경 없음"을 전체 명세로 작성하지 마십시오. W3C는 콘텐츠 변경과 컨텍스트 변경을 구분합니다. 인라인 업데이트는 컨텍스트를 유지할 수 있지만, 포커스를 이동하거나 페이지를 크게 변경하는 전환은 더 면밀한 검토가 필요할 수 있습니다. 애니메이션이나 이벤트 핸들러 이름의 존재 여부가 아니라 결과가 판단 기준이 됩니다.

클릭은 포커스를 맞추는 동시에 일부 컨트롤을 활성화할 수 있습니다. 따라서 클릭만으로는 포커스 경계를 ​​정확하게 판단하기 어렵습니다. 실제로 지원되는 상호 작용 환경을 확인하고 담당 공급업체에 트리거 원인을 파악해 달라고 요청하십시오. 이는 검증되지 않은 구성에 키보드 하드웨어를 추가하라는 지시가 아닙니다.

비교표

이러한 업체들은 공개 목록에서 선정된 조건부 구매 후보 업체들입니다. 독립적인 테스트를 거쳐 선정된 업체는 아닙니다. 카메라 기반 소매 형식, 터치스크린 또는 보조 진열대의 존재 여부는 초점 처리, 키보드 지원 또는 특정 소프트웨어 아키텍처를 보장하지 않습니다.

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

새로운 인터페이스 릴리스를 승인하거나, 결제 관련 페이지를 교체하거나, 상황별 도움말을 추가할 때 이 브리핑 자료를 활용하세요. 현재 데모 스크립트가 "제품을 클릭하고 결제하세요"로 시작하는 경우, 구매자에게 도움이 될 수 있습니다. 이러한 스크립트는 고객이 컨트롤을 선택하지 않고 탐색할 때 어떤 경험을 하게 되는지 전혀 보여주지 못할 수 있습니다.

상업 구매자는 인터페이스 소유자 및 연결된 구매 단계 제공업체와 협력해야 합니다. 평가자에게 적용 가능한 제어 기능과 지원되는 탐색 방법을 파악하도록 요청하십시오. 키오스크 공급업체가 메인 메뉴를 관리하고 다른 조직이 결제 화면을 관리할 수 있으므로, 결함이 팀 간에 전파되기 전에 책임 소재를 명확히 해야 합니다.

이 결정은 포커스가 계속 표시되는지, 대화 상자를 종료할 수 있는지, 또는 표시되는 레이블이 접근 가능한 이름과 일치하는지 확인하는 것과는 별개입니다. 이러한 검토는 서로 다른 결과를 다룹니다. 여기서 수용 여부는 단순히 컨트롤에 도달하는 것만으로 예상치 못한 컨텍스트 변화가 발생하는지 여부입니다.

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

본 연구는 W3C On Focus 설명과 연계된 G107 기법, 그리고 동일한 날짜의 공개 장비 데이터를 결합한 것입니다. 실제 장비에 대한 포커스 사이클을 수행하거나, 이벤트 코드를 검사하거나, 사용자 결과를 측정하지는 않았습니다. 아래 방법은 구성된 프로젝트에 대한 제안된 승인 프로세스입니다.

첫 번째 과제: 선택 없이 탐색하기

G107은 콘텐츠를 통해 키보드 포커스를 순환시키고 포커스를 받는 구성 요소가 컨텍스트 변경을 시작하지 않는지 확인하는 절차를 설명합니다. 평가자에게 합의된 지원 환경에 맞게 해당 절차를 조정하고 경로를 기록하도록 요청하십시오. 접근할 수 없는 구성 요소는 별도의 질문을 제기합니다. 기록에 해당 구성 요소가 없다고 해서 그 동작이 허용 가능한 것은 아닙니다.

두 번째 단계: 의도된 작업을 활성화합니다.

동일한 기법을 사용하여 링크 선택이나 제출 버튼 누르기와 같은 컨텍스트 변경에 대한 특정 사용자 동작을 제안합니다. 해당 동작 후 예상되는 전환을 보여주세요. 소스 코드에서는 제출 버튼을 눌렀을 때 데이터 입력 화면으로 이동하는 예시를 보여주는데, 이는 포커스가 단순히 "완료" 컨트롤에 도달했을 때와는 다릅니다.

세 번째 단계: 실제 원인을 파악하세요

탐색 중에 변경 사항이 발생하면, 해당 이벤트를 분류하기 전에 이벤트 순서와 가시적인 결과를 기록하십시오. 결제 응답, 시간 제한 또는 비동기 업데이트가 포커스 도달과 동시에 발생할 수 있습니다. 시점의 일치가 인과 관계를 의미하는 것은 아닙니다. 제공업체에 관련 이벤트를 통제된 환경에서 재현해 줄 것을 요청하되, 관련 없는 메커니즘을 테스트했다고 주장하지 마십시오.

주요 구매 요인

포커스는 마우스 오버가 아닙니다.

이해 페이지에서는 스크립트에서 해당 동작을 구현하지 않는 한 포인터를 컨트롤 위로 이동해도 포커스가 이동하지 않는다고 설명합니다. 또한 키보드나 마우스를 통해 컨트롤에 포커스가 맞춰질 수 있다는 점도 언급합니다. "포커스"를 "호버"로 대체하거나 모든 포인터 이동이 작업을 선택한다고 가정하는 명세는 피해야 합니다.

모든 변화가 똑같은 결과를 가져오는 것은 아닙니다.

해당 자료에서는 컨텍스트 변화를 사용자가 인지하지 못하는 사이에 발생할 경우 혼란을 야기할 수 있는 주요 변경 사항으로 정의합니다. 예를 들어 새 창 열기, 포커스를 다른 구성 요소로 이동, 새 페이지 열기 또는 중요한 레이아웃 재배치 등이 있습니다. 개요를 확장하거나 동적 메뉴를 변경하는 것은 포커스와 같은 관련 컨텍스트가 함께 변경되지 않는 한 컨텍스트 변화로 간주되지 않습니다. 평가자에게 실제 결과를 분류하도록 하십시오.

도움 요청이 반복적으로 고객을 빼앗아 가는 일이 없도록 해야 합니다.

공개된 오류 사례는 필드에 포커스가 맞춰지고 키보드 포커스가 필드에서 벗어날 때 도움말 대화 상자가 열리는 현상을 설명합니다. 고객이 탭 키를 눌러 해당 대화 상자를 반복적으로 건너뛰려고 하면 이러한 방해를 받게 됩니다. 관련성이 있다면 해당 특정 메커니즘을 검토 사례로 활용하십시오. 이를 일반화하여 모든 인라인 도움말 기능을 금지해서는 안 됩니다.

경고는 트리거 경계를 대체할 수 없습니다.

인용된 '초점' 기준은 초점과 맥락 변화 사이의 관계를 명시합니다. 표지판이나 문장에 초점 변화가 발생할 것이라는 경고가 있다고 해서 초점 변화에 따른 전환을 승인해서는 안 됩니다. 이 지침은 인접한 '입력' 기준은 평가하지 않았습니다. 값 변화 및 관련 규칙은 별도의 근거와 범위가 필요합니다.

공급업체 변경 후 이벤트를 다시 테스트하십시오.

메뉴, 폼 위젯, 도움말 구성 요소 및 연결된 뷰를 수정할 수 있는 사람을 지정하십시오. 승인 기록과 함께 릴리스 식별자 및 시연 경로를 보관하십시오. 새 구성 요소는 대화 상자를 여는 이벤트를 변경하면서 시각적 레이아웃을 유지할 수 있습니다. 승인 사본과 스크린샷만으로는 이러한 차이점을 파악할 수 없습니다.

최고의 스마트 자동판매기

먼저 상품과 매장에 맞는 장비 형식을 선택하십시오. 그런 다음 확정된 인터페이스 경로를 사용하여 트리거 검토를 의뢰하십시오. 아래의 "최적"은 견적 및 구성에 따라 달라질 수 있는 잠재적인 소매 적합성을 나타내는 것이며, 입증된 접근성 이점을 의미하는 것은 아닙니다.

기능 비교

매트릭스를 제품 기능 차트처럼 기능 목록을 나열하는 용도로 사용하지 말고, 증거 요청 도구로 활용하세요. 각 행에 대해 확인된 인터페이스와 평가자를 명시하십시오. 연결된 단계를 입증할 수 없는 경우, 해당 항목을 완료로 표시하는 대신 미해결 승인 항목으로 남겨두세요.

비용 및 투자수익률 분석

아래 금액은 모두 가상의 미국 달러 기준 계획 가정치입니다.이 금액은 장비 가격, 공급업체 청구액, 측정된 절감액 또는 판매 예측치가 아닙니다. 초기 검토 비용을 1,150달러로 가정해 보겠습니다. 이 중 350달러는 인터페이스 이벤트 매핑, 500달러는 공급업체 시연 및 평가자 검토, 300달러는 결정 사항 문서화에 사용됩니다. 연간 릴리스 점검 비용은 300달러로 가정하면 첫 해 지출은 1,450달러입니다.

연간 순 가치는 총 지원 또는 재작업 비용 절감액에서 연간 검토 비용을 뺀 값입니다. 단순 회수 기간은 초기 비용을 양의 순 가치로 나누어 계산합니다. 이 계산에는 금융, 할인, 세금 및 인플레이션이 고려되지 않습니다. 또한 구매 고객 수나 접근성에 대한 금전적 가치를 예측하는 것은 아닙니다.

운영자가 입증할 수 있는 사례(예: 반복적인 지원 진단 또는 릴리스 재작업)를 문서화하여 총 회피 비용을 산출하십시오. 동일한 사건을 지원 비용 절감과 엔지니어링 비용 절감으로 두 번 계산하지 마십시오. 공급업체가 이미 적절한 증거를 제공하는 경우 추가 검토 비용이 더 낮아질 수 있습니다. 연결된 서비스에 별도의 작업이 필요한 경우 예산 책정 전에 작업 범위를 확보하십시오.

전체 장비 사업 계획은 별도로 관리해야 합니다. 하드웨어, 운송, 설치, 결제 서비스, 에너지, 재고, 현장 비용 및 유지보수 비용은 모두 실제 견적과 운영 가정을 바탕으로 검토해야 합니다. 투자 회수 기간이 긍정적이라고 해서 부적합한 캐비닛을 선택하거나 검증되지 않은 소프트웨어 지원을 주문에 포함시키는 것을 정당화할 수는 없습니다.

시나리오별 최적의 선택

익숙한 메뉴가 바뀌고 있습니다.

구매를 진행하거나 승인하는 데 사용되는 컨트롤부터 시작하여 출시 전후의 탐색 동작만 비교하십시오. WM22의 검증된 메커니즘과 터치스크린 형식이 제품군에 적합한 경우 해당 제품을 고려하되, 제시된 출시 버전에 대한 증거를 통해 인터페이스를 확인하십시오. 익숙해 보이는 디자인이 이벤트 트리거가 변경되지 않았다는 것을 보장하는 것은 아닙니다.

연결된 단계에 도움말 구성 요소가 추가됩니다.

해당 구성 요소가 단순히 콘텐츠를 표시하는 것인지, 아니면 포커스를 가져오거나, 창을 열거나, 뷰를 리디렉션하는 기능도 수행하는지 확인하십시오. 프로젝트에서 AI 냉장고의 연결된 접근 또는 체크아웃 방식을 사용하는 경우, 냉장고의 동작 방식을 추론하기보다는 실제 단계를 평가해야 합니다. 핵심은 해당 컨트롤이 포커스를 받았을 때 발생하는 결과입니다.

두 개의 판매 공간이 하나의 구매 장소를 공유합니다.

듀얼 캐비닛 스테이션은 승인된 혼합 상품 구성을 위한 최종 후보 옵션입니다. 공급업체에게 각 판매 공간에 대한 확정된 메뉴 경로를 시연해 달라고 요청하고, 개별 결제 화면이 시작되는 위치를 확인하십시오. 두 캐비닛이 함께 보인다고 해서 공유 카트, 동일한 소프트웨어 상태 또는 전용 지원이 제공된다고 가정해서는 안 됩니다.

응용 프로그램

릴리스 승인 회의에서 평가자에게 컨트롤을 활성화하지 않고 해당 컨트롤에서 멈추는 경로를 제공하십시오. 공급자 인계 시에는 연결된 각 뷰의 이벤트 동작에 대한 소유권을 유지하십시오. 이러한 사용 사례는 특정 장소 이름이나 사용자 요구에 대한 근거 없는 주장이 아니라 소프트웨어 승인과 관련된 것입니다.

회귀 검토를 위해 폼 위젯을 교체하거나, 상황별 도움말을 변경하거나, 구매 단계를 변경한 후에는 해당 경로를 반복 실행하십시오. 페이지 모양뿐만 아니라 이벤트와 결과도 보존해야 합니다. 조달 일정에서는 미해결된 공급업체 증빙 자료를 제공된 구성에 첨부하여 상업적 마감일로 인해 가정이 암묵적으로 승인으로 바뀌는 것을 방지하십시오.

관찰된 중단 현상이 보고되면 고객 계정과 재현된 메커니즘을 구분하십시오. 예기치 않은 화면 변경은 유용한 증상이지만, 그 자체만으로는 포커스 이벤트로 인해 발생했음을 입증할 수는 없습니다. 관련 릴리스를 기록하고 수정 작업을 선택하기 전에 재현 가능성을 평가해 달라고 요청하십시오.

자주 묻는 질문

최종 권고

실제 제품, 사이트 및 서비스 계획과 일치하는 공개된 형식을 선택한 다음, 공급업체에게 제공된 인터페이스에서 이벤트 경계를 시연하도록 요구하십시오. 초점 맞추기와 제어 활성화는 별도로 평가해야 합니다. 성공적인 구매 영상은 이러한 증거의 일부만을 제공합니다.

W3C 설명과 G107을 참고 자료로 활용하고, 적절한 프로젝트 평가를 통해 적용 가능성을 입증하십시오. 이러한 자료들이 최종 후보에 오른 기기가 WCAG를 충족하거나 특정 장치를 지원하거나 매출을 증대시킨다는 것을 증명하는 것은 아닙니다. 합의된 릴리스에 대해 입증된 내용을 수용하고, 검증되지 않은 관련 단계는 기록에 남겨두십시오.

출처:W3C SC 3.2.1 이해 - 초점 맞추기2025년 9월 16일 업데이트됨;W3C 기술 G1072025년 7월 15일 업데이트됨. 2026년 10월 10일 기준. 위의 제품 링크는 동일 날짜에 확인된 공개 목록 정보를 사용합니다. 이 기법은 하나의 충분한 예시일 뿐, 필수적인 구현 방법은 아닙니다.

CTA

WEIMI에 목적지, 제품 샘플 또는 치수, 예상 수량 및 선호하는 결제 방식을 보내주십시오. 평가가 필요한 고객 경로를 포함하고 각 스크린을 어느 공급업체가 소유하고 있는지 문의하십시오. 최종 하드웨어 및 소프트웨어 범위와 승인 증빙 자료를 포함한 상세 견적서를 요청하십시오.

주문에 초점 처리, 입력 장치 지원 또는 연결 단계 동작을 포함시키기 전에 관련 평가에 동의하십시오.