소개

가상의 작업자가 Tab 키를 누르면 활성화된 컨트롤이 변경되었음을 알 수 있지만, Enter 키에 반응할 컨트롤이 무엇인지는 알 수 없습니다. 포인터가 마지막으로 마우스 커서를 올렸던 타일 위에 계속 남아 있기 때문에 해당 타일이 밝게 표시됩니다. 하지만 이 강조 표시는 키보드 위치를 파악하는 데 유용한 단서가 되지 못합니다. 구매 부서에서는 각 단계에서 포커스가 맞춰진 구성 요소를 식별할 수 있는 키보드 시연이 필요합니다.

W3C WCAG 2.2 성공 기준 2.4.7 '포커스 표시'(레벨 AA)는 키보드로 조작 가능한 모든 인터페이스가 키보드 포커스 표시기가 표시되는 작동 모드를 갖추어야 한다고 요구합니다. 이해 문서에서는 포커스 표시기가 사용자 에이전트 및 구현 방식에 따라 키보드 사용 시에만 표시될 수 있다고 설명합니다. 최소한 하나의 사용 가능한 모드가 포커스를 노출해야 합니다.

이 가이드는 자판기 프로젝트와 관련된 웹 인터페이스 제공에 관한 것입니다. 자판기 자체를 인증하거나 법적 의무를 규정하거나 독립적인 설치 소프트웨어 테스트 결과를 보고하는 것은 아닙니다. 아래의 세 가지 공개 제품은 소매점용 자판기 설치 환경에 적합한 제품 목록을 지원하며, 주문 제작 제품에 대한 키보드 동작은 별도로 검증해야 합니다.

빠른 답변

공급업체에게 키보드 작동 모드를 시연해 달라고 요청하고, 합의된 컨트롤을 순차적으로 조작하면서 각 단계에서 현재 초점이 어디에 있는지 시각적으로 표시해 달라고 하십시오. 그런 다음 특정 컨트롤에 초점을 맞춘 상태에서 타이머 만료로 인해 표시기가 사라지지 않는지 확인하십시오.

Understanding 자료에 따르면 포커스 표시기는 시간 제한이 없어야 합니다. 포커스가 표시되면 계속 보여야 합니다. 키보드 포커스가 요소에 유지되는 동안 사라지는 일시적인 애니메이션으로는 이러한 조건을 충족할 수 없습니다. 포커스 지속 여부는 최초 표시와 별도로 기록해야 합니다.

SC 2.4.7은 특정 표시기 모양을 규정하지 않습니다. 대비와 가림 현상은 관련되지만 별개의 요구 사항을 갖습니다. 레벨 AAA에서의 초점 외관은 크기와 모양에 대한 추가적인 질문을 다룹니다. 가시성만을 확인하는 현장 답사를 완전한 접근성 평가라고 간주해서는 안 됩니다.

비교표

모든 관찰 결과는 제어된 테스트 설비를 기반으로 제안된 것이며, 실제 설치된 제품의 결과는 아닙니다.

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

제공된 고객 또는 운영자 웹 콘텐츠가 키보드로 조작 가능한 경우 이 범위를 사용하십시오. 견적에 포함될 수 있는 자산에는 관리 보기, 참조 포털 또는 웹 기반 구성 도구가 포함됩니다. 이러한 자산이 견적에 포함되어 있는지 확인한 후 승인 조건을 작성하십시오.

터치스크린이 키보드 지원을 보장하는 것은 아니며, 물리적 키보드 포트가 있다고 해서 제공된 웹 콘텐츠에 시각적 포커스 모드가 있음을 증명하는 것도 아닙니다. 지원되는 입력 방식과 검토할 특정 인터페이스를 요청하십시오. 하드웨어 접근 방식과 웹 콘텐츠 동작 방식은 견적서에서 별도의 항목으로 명시하십시오.

이러한 범위는 특히 공급업체가 브라우저 기본값을 사용자 지정 테마 또는 구성 요소로 대체할 때 유용합니다. 이러한 변경 사항은 포커스 표시 방식에 영향을 미칠 수 있습니다. 이는 증거를 요청해야 하는 이유이지, 사용자 지정 스타일링에 결함이 있다거나 WEIMI에 등록된 제품이 브라우저 윤곽선을 제거한다는 주장을 제기해야 하는 이유가 아닙니다.

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

최종 후보 목록은 2026년 10월 10일에 검토된 WEIMI의 공개 제품 설명을 기반으로 작성되었습니다. 당사는 이러한 포맷에 설치된 소프트웨어에 대한 독립적인 키보드 테스트를 수행하지 않았습니다. 공개된 화면, 냉각 및 판촉 정보에는 포커스 표시기 또는 키보드 작동 모드가 명시되어 있지 않습니다.

제안된 증거 등록부에는 빌드 식별자, 지원되는 브라우저 또는 사용자 에이전트, 입력 배열, 페이지 및 구성 요소가 기록됩니다. 또한 키보드 포커스가 구성 요소에 도달하는 경로, 포커스가 시각적으로 표시되는 요소, 포커스가 유지되는 동안 표시가 지속되는지 여부를 설명합니다. 관찰 내용과 공급업체 설명을 구분합니다.

키보드 사용법을 설명할 때는 해당 구성 요소의 설명서에 명시된 키를 사용해야 합니다. 일반적인 순차 탐색에는 Tab 키를 사용할 수 있으며, 복합 메뉴는 진입 후 화살표 키를 사용할 수 있습니다. 마우스 클릭만으로 구성 요소의 기능을 판단하거나 모든 항목에 동일한 키를 사용해야 한다고 가정하지 마십시오.

G195에서는 작성자가 제공하는 표시기를 가능한 기법 중 하나로 설명합니다. 예시로는 개요 및 선택된 메뉴 항목의 변경 사항 등이 있습니다. 이러한 기법은 최소 기준을 초과할 수 있으며 필수적인 디자인은 아닙니다. 모든 프로젝트에 사용자 지정 링이 필요하다고 가정하기보다는 적절한 근거를 제공하는 경우 기본값을 유지하는 것이 좋습니다.

주요 구매 요인

키보드 모드를 확인하십시오.사용자가 포커스가 표시되는 모드로 어떻게 진입하는지 질문해 보세요. 브라우저는 키보드 입력과 포인터 입력을 구분할 수 있습니다. 마우스 커서 스크린샷에 포커스 링이 없는 것만으로는 오류를 증명할 수 없지만, 키보드 스크린샷에 포커스가 표시되지 않는 경우는 조사해야 할 미해결 문제로 남아 있습니다.

마우스 오버와 포커스를 분리하세요.키보드 동작 테스트를 시작하기 전에 검토할 구성 요소에서 포인터를 멀리 이동시키십시오. 포커스가 다른 곳으로 이동하는 동안에도 마우스 커서 색상은 한 타일에 유지될 수 있습니다. 승인된 환경에서 읽기 전용 또는 가상의 테스트 동작을 사용하여 키보드 활성화를 받을 구성 요소를 기록하십시오.

지속성을 확인하세요.표시기가 깜빡임 ​​형태로 나타나는 경우, 초점이 동일한 항목에 유지된 상태에서 깜빡임이 안정될 때까지 기다립니다. 결과적인 상태에 대한 증거를 남겨둡니다. 장식적인 애니메이션은 시각적 표시가 남아 있는 것을 대체할 수 없습니다. WCAG에서 규정한 타이머처럼 시간을 표시하지 않고, 합의된 관찰 기간을 선택합니다.

다양한 제어 기능을 포함하세요.합의된 인터페이스에 포함된 링크, 버튼, 필드 및 사용자 정의 구성 요소를 검토하십시오. 버튼 시연이 성공적이라고 해서 다른 방식으로 구현된 메뉴에 대한 적용 범위를 보장할 수는 없습니다. 필드에 커서 또는 강조 표시된 텍스트가 나타날 수 있으므로 실제 표시되는 시각적 단서를 문맥에 맞게 평가하십시오.

배경과 테마를 검토하세요.한 패널에서 보이는 표시기가 다른 배경에서는 구별하기 어려워질 수 있습니다. 제공된 테마와 상태를 기록하십시오. 관련 비텍스트 대비 증거는 별도의 분석이 필요하며, 이 문서에서는 스크린샷에서 대비 비율을 추론하지 않습니다.

선택의 종류를 구분하십시오.포커스가 이동한 후에도 선택된 항목이 강조 표시된 상태로 유지될 수 있습니다. 사용자가 선택된 상태 또는 활성 상태 중에서 현재 키보드 포커스를 어떻게 식별할 수 있는지 설명하십시오. 모든 사용자에게 동일한 모양을 요구할 필요는 없지만, 관련 없는 상태 표시를 포커스의 증거로 받아들이지 않도록 해야 합니다.

동적 전환은 별도로 처리하세요.오버레이가 열리면 초점이 어디로 이동하는지 확인하고 해당 위치에 초점 표시기가 있는지 관찰합니다. 초점 순서, 트래핑, 반환 위치 및 장애물은 별도로 확인해야 합니다. 가시성 증거는 이러한 광범위한 결과를 닫지 않고 현재 위치를 기록합니다.

빌드별 증거를 보관하십시오.컴포넌트 라이브러리에는 배포된 테마가 덮어쓰기를 나타내는 표시기가 문서화되어 있을 수 있습니다. 업스트림 샘플뿐만 아니라 최종 빌드를 요청하십시오. 테마 변경 또는 컨트롤 교체 후 관련 컴포넌트를 다시 확인하십시오.

최고의 스마트 자동판매기

"최고"란 매장 진열 방식과 구매자의 계획 간의 적합성을 의미합니다. 이는 키보드 또는 접근성 관련 독립적인 테스트를 거친 순위가 아닙니다.

기능 비교

증거가 부족하다는 것은 해당 제품 목록에서 요청된 동작을 확인할 수 없다는 의미입니다. 이는 제품이 독립적인 테스트에 실패했다는 것을 의미하지는 않습니다.

비용 및 투자수익률 분석

이 예시적인 USD 시나리오는 예상되는 노력과 단가를 사용하여 제한된 검토에 대한 예산을 책정한 것입니다. 이는 공급업체 견적, 실제 절감액 또는 결함 예측이 아닙니다.

계획된 검토 비용은 가정된 수정 시나리오 하나보다 270달러 적습니다. 손익분기점은 2,100달러를 2,370달러로 나눈 값으로, 대략 0.89건의 수정 이벤트에 해당합니다. 회피된 이벤트는 없습니다. 범위 결정을 내리기 전에 가정을 실제 공급업체 견적으로 대체하십시오.

하드웨어, 상품 매출, 결제 수수료 및 전체 접근성 평가 비용은 제외됩니다. 가격 대비 효과, 접근성 저해 요소 또는 키보드 탐색 문제는 합의된 검토 범위에 포함되지 않는 경우 별도로 처리됩니다. 이 제한된 예산이 완벽한 적합성을 보장한다고 주장하지 마십시오.

시나리오별 최적의 선택

포장 제품 소매:공개 상품 설명이 적합한 경우 AI 비전 냉장고를 관심 목록에 추가하세요. 접근 권한, 결제 및 관련 웹 콘텐츠를 확인하세요. 카메라 결제는 키보드 탐색이나 초점 표시기를 제공하지 않습니다.

터치스크린 방식의 디스펜싱:메커니즘과 지원 소프트웨어 범위를 선택한 후 WM22를 고려하십시오. 관련 웹 자산에 대해 키보드 작동이 지원되는지 확인하고 해당 빌드에 대한 가시적 포커스 증거를 요청하십시오.

두 가지 판매 영역:설치 장소와 물리적 배치가 일치하는 경우 이중 캐비닛 스테이션을 고려하십시오. 메인 디스플레이나 캐비닛 개수만으로 키보드 동작을 추측하지 마십시오. 실제 인터페이스 경계 및 입력 배치 정보를 요청하십시오.

기존 운영자 포털:장비가 별도로 제공되는 포털을 사용하는 경우, 키보드 기록에 대한 책임은 해당 소프트웨어 소유자에게 부여하십시오. 포털 동작을 하드웨어 목록에 귀속시키지 마십시오.

응용 프로그램

가상의 참조 포털을 통해 탐색 링크와 확장 가능한 도움말 컨트롤 전반에 걸쳐 키보드 포커스가 어떻게 변하는지 보여줄 수 있습니다. 활성화 전에 각 현재 위치를 기록하십시오. 링크를 클릭했을 때 올바른 페이지가 열리는 것이 목적지를 나타내는 것이지, 활성화 전에 포커스가 보였는지 여부는 중요하지 않습니다.

가상의 관리 메뉴는 복합 구성 요소 내에서 화살표 키 이동을 사용할 수 있습니다. 이동이 멈춘 후 선택된 항목을 캡처하고, 이를 지속적인 선택 항목과 구분합니다. 제안된 예시 이미지는 최종 후보 제품이 이러한 메뉴 디자인을 사용한다는 증거가 아닙니다.

테마 승인 세션에서는 동일한 구성 요소에 초점을 맞춘 밝은 패널과 어두운 패널을 비교할 수 있습니다. 지원되는 구성과 관찰 결과를 저장하십시오. 관련 색상, 상태 및 방법을 평가하기 전까지는 대비 측정값을 주장하지 마십시오.

새로운 컨트롤을 도입하는 릴리스에서는 해당 컨트롤을 구성 요소 등록부에 추가해야 합니다. 기존 버튼의 스크린샷을 반복해서 보여주는 것만으로는 새 컨트롤에 대한 적용 범위를 입증할 수 없습니다. 초기 표시, 지속성 및 해결되지 않은 관련 검사 사항은 인수인계 시 명확하게 표시해야 합니다.

자주 묻는 질문

최종 권고

검증된 제품 정보를 바탕으로 소매 형식을 선택한 다음, 지원되는 키보드 모드와 제공된 웹 콘텐츠에 대한 구성 요소 수준의 단계별 안내를 확정하십시오. 제공된 빌드에 대한 시각적 포커스 상태 및 지속성 증거를 보관하십시오. 타사 소프트웨어가 관련된 경우 책임 소재를 명확히 하십시오.

마우스 오버, 선택 및 키보드 포커스를 명확하게 구분하십시오. 획일적인 형태를 강요하지 않고 현재 표시 방식을 검토하고, 대비, 가림, 정렬 및 키보드 종료 관련 사항은 각각 별도의 범위에서 처리하십시오. 그 결과, 기기 접근성이나 비즈니스 성과에 대한 근거 없는 주장이 아닌, 검토 가능한 조달 요구사항을 도출할 수 있습니다.

출처: W3C SC 2.4.7 이해하기그리고G1952026년 10월 10일 기준입니다. 제품 링크는 공개된 소매 형식 정보만을 지원합니다. 인터페이스 구성 및 재정은 가상적인 것이며, 인증, 색인, 수요 또는 SEO 결과는 보장하지 않습니다.

CTA