소개

배너나 측면 패널은 고객 화면의 일부를 차지할 수 있지만, 그 뒤에서 탐색을 방해하지는 않습니다. 하지만 키보드 포커스가 해당 레이어에 가려진 컨트롤로 이동하면 키보드 입력을 사용하는 시각 장애 고객은 상호 작용 지점을 시각적으로 놓칠 수 있습니다. 따라서 공급업체의 시연은 단순히 패널이 열리는 것을 보여주는 것이 아니라, 레이어 구조 전체에 걸쳐 포커스가 어떻게 이동하는지 보여줘야 합니다.

W3C WAI의 WCAG 2.2 성공 기준 2.4.11 "키보드 포커스가 가려지지 않음(최소)"에 대한 이해 페이지에서는 키보드 포커스를 받는 구성 요소가 작성자가 만든 콘텐츠에 의해 완전히 가려지지 않아야 한다고 설명합니다. 최소 기준은 부분적인 가림을 허용하며, 사용자가 이동하거나 열 수 있는 콘텐츠에 대해서는 별도의 설명이 있습니다. 이러한 구분은 증거 요청을 더욱 정확하게 만듭니다.

이 가이드는 유용한 웹 정보를 활용하여 조달 관련 질문을 구성합니다. WEIMI 기기는 키보드 지원, 포커스 이동 또는 오버레이 기능에 대한 테스트를 거치지 않았습니다. 아래 공개 목록은 소매 형식을 나타냅니다. 승인 또는 접근성 관련 결론을 내리기 전에 제공된 인터페이스 아키텍처, 입력 방식 및 적용 가능성을 확인하십시오.

빠른 답변

공급업체에게 관련 계층이 모두 포함된 확인된 키보드 사용 과정을 시연해 달라고 요청하고, 특히 중점을 두는 구성 요소를 보여달라고 하십시오.레이어가 자동 생성, 사전 배치, 사용자 생성 또는 사용자 이동 가능 레이어인지 분류하십시오. 모든 오버레이를 동일한 사례로 취급하는 대신 이러한 구분을 증거에 보존하십시오.

이 설명에서는 고정 헤더, 고정 푸터 및 비모달 대화 상자를 전형적인 겹치는 콘텐츠로 제시합니다. 이 기준에 대해서는 외부 초점 윤곽선이 아닌 구성 요소 자체를 평가합니다. 윤곽선의 일부가 보인다고 해서 구성 요소 자체가 보이는 것은 아니며, 부분적으로 보이는 구성 요소가 다른 모든 초점 또는 대비 요건을 충족하는 것은 아닙니다.

사용자가 열어 고정된 콘텐츠의 경우, 포커스를 이동하지 않고 포커스된 구성 요소를 표시하는 실제 방법을 요청하십시오. 해당 참고 사항에서 닫기 또는 스크롤 경로에 대해 설명합니다. 자동 경고 또는 미리 배치된 고정 콘텐츠에는 이 방법을 무분별하게 적용하지 마십시오. 이러한 콘텐츠는 포커스를 받는 구성 요소의 즉각적인 가시성을 방해해서는 안 됩니다.

비교표

이 목록은 공개된 제품 목록을 기반으로 작성된 것입니다. 물리적 키보드, 채팅 패널, 고정 배너 또는 접근성 적합성을 보장하는 것은 아닙니다. 해당 질문은 공급업체가 관련 인터페이스 기능 및 지원 환경을 확인한 후에만 적용됩니다.

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

계층형 인터페이스를 승인하거나, 고객 서비스 패널을 통합하거나, 영구 화면 콘텐츠를 추가하는 릴리스를 승인할 때 이 브리핑을 활용하십시오. 이 브리핑은 고객 여정에 키보드 인터페이스 또는 이를 통해 작동하는 다른 지원되는 입력 방식이 포함된 경우에 관련이 있습니다.

장비 구매자, 인터페이스 소유자 및 연결된 페이지 제공자를 포함하십시오. 프로젝트에 접근성 요구 사항이 있는 경우 적절한 평가자와 예상 사용자를 참여시키십시오. 데모를 지원하는 하드웨어 및 소프트웨어 구성에 대해 문의하십시오. 브라우저 미리보기는 문제를 보여줄 수는 있지만 실제 배송된 기기에서 키보드가 작동하는지 입증하지는 못합니다.

이 리뷰는 포커스를 받는 구성 요소의 가시성에 관한 것입니다. 이는 대화 상자에서 키보드로 나가는 기능을 제공하거나, 포커스 윤곽선을 정의하거나, 탭 대상의 기하학적 구조를 보장하는 것과는 다릅니다. 이러한 요소들은 서로 연관될 수 있지만, 제대로 작동하는 닫기 버튼만으로는 포커스가 열려 있는 패널 뒤로 이동할 때 어떤 일이 발생하는지 알 수 없습니다.

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

저희는 공용 장비 형식을 비교하고 W3C 이해 설명서를 사용하여 공급업체 증빙 자료 요청 사항을 정의합니다. 기기 인터페이스, 키보드 또는 보조 기술에 대한 테스트는 수행되지 않았습니다. "최적"이라는 평가는 조건부 소매 적합성 평가 후 제공된 구현 검토를 의미하며, 테스트를 거친 접근성 순위를 나타내는 것은 아닙니다.

레이어와 해당 트리거를 인벤토리화하세요.

확인된 레이어와 해당 레이어의 제공자, 그리고 레이어의 표시 방식만 기록합니다. 고정 헤더와 사용자가 연 패널, 그리고 자동 알림을 구분합니다. 사용자가 영역의 위치를 ​​변경할 수 있는지 여부를 기록합니다. 원본 자료에서는 이러한 패턴에 서로 다른 경계를 지정하므로, 일반적인 "오버레이 지원" 문구만으로는 중요한 정보를 파악할 수 없습니다.

수신 구성 요소를 추적하십시오.

제공자에게 관련 상태를 탐색하고 포커스를 받는 각 구성 요소를 식별하도록 요청하십시오. 뷰포트에서 해당 구성 요소의 위치와 작성자가 만든 콘텐츠가 해당 구성 요소를 완전히 가리는지 여부를 관찰하십시오. 이 요구 사항은 포커스를 받는 구성 요소에 관한 것이며, 외부 표시기는 관련은 있지만 별개의 검토에 속합니다.

검증된 조건을 유지하십시오.

소프트웨어 릴리스, 뷰포트, 레이아웃 상태 및 지원되는 입력 배열을 기록하십시오. 관련 반응형 상태와 연결된 공급자 콘텐츠가 제공되는 경우 포함하십시오. 패널, 알림 또는 변경되는 레이아웃이 포함된 전체 사용 과정을 보여주는 증거로 단 하나의 깔끔한 스크린샷을 사용하지 마십시오. 이는 수행된 테스트에 대한 보고서가 아니라 제안된 검토 방법입니다.

주요 구매 요인

1. 최소 가시성 대 선호 가시성

명시된 최소 기준은 수신 구성 요소가 부분적으로 가려지는 것을 허용합니다. 설명에서는 겹침 정도와 빈도를 줄일 것을 권장하며, 가려짐이 전혀 없는 향상된 기준을 언급합니다. 해당 링크된 기준은 여기에서 평가되지 않았습니다. 구매자는 추가적인 프로젝트 목표로 완전한 가시성을 요청할 수 있지만, 이를 정확한 최소 요구 사항으로 명시해서는 안 됩니다.

2. 구성 요소와 지표는 서로 다른 증거입니다.

해당 자료에 따르면, 구성 요소는 완전히 숨겨진 평가에 대해 외부 초점 표시기를 포함하지 않으며, 구성 요소 내부 또는 구성 요소 자체의 변경을 통해 초점이 표시되는 경우에만 표시됩니다. 또한 초점 가시성 및 대비와 관련된 문제도 언급합니다. 이러한 사항들은 하나의 보이는 윤곽선만으로 전체 인터페이스가 만족스럽다고 판단하기보다는 별도로 검토해야 합니다.

3. 자동 레이어 및 고정 레이어

시스템 경고나 미리 배치된 고정 레이어는 고객이 이전에 구매 작업을 수행했다는 이유만으로 사용자가 열어본 콘텐츠가 되지 않습니다. 공급업체에 트리거를 분류하고 포커스가 맞춰지는 즉시 표시되도록 요청하십시오. 소스의 사용자 열람 메모는 사용자가 적극적으로 공개한 콘텐츠로 제한됩니다.

4. 초점을 앞당기지 않고 드러내기

사용자가 열어 놓은 고정 패널이 확인되면, 다른 포커스 위치로 이동하지 않고 현재 포커스된 구성 요소를 표시할 수 있는지 묻습니다. 설명에는 Escape 키, 스크롤 및 오버레이 전환과 관련된 예시가 포함됩니다. 이는 가능한 메커니즘의 예시일 뿐이며, 모든 제품이 특정 키를 사용해야 한다는 요구 사항이나 나열된 모든 기기가 해당 키를 지원한다는 것을 보장하는 것은 아닙니다.

5. 이동 가능한 영역의 초기 위치

이 설명은 사용자가 이동 가능한 콘텐츠의 초기 위치를 해당 기준에 따라 평가합니다. 이러한 위치를 기록하고 사용자가 나중에 이동한 패널과 구분해야 합니다. 구매자는 실제 배치 방안을 검토할 수 있지만, 해당 추가 작업은 명시된 적합성 기준과 별도로 식별해야 합니다.

6. 모달 레이블만으로는 충분하지 않습니다.

해당 자료에 따르면 제대로 구성된 모달 창은 나타날 때 포커스를 차지하고 닫힐 때까지 내부에서 상호 작용을 유지합니다. 포커스를 차지하지 않거나 그 뒤로 탐색이 가능한 대화 상자 형태의 오버레이도 수신 구성 요소를 가릴 수 있습니다. "모달"이라고 표시된 스크린샷을 받아들이기보다는 동작에 대한 증거를 요청하십시오.

최고의 스마트 자동판매기

이 세 가지 실제 상장 제품은 소매 판매 방식을 설명합니다. 키보드 지원, 레이어 및 포커스 동작은 검증되지 않았습니다. 실제 제품을 기준으로 장비를 선별한 다음, 견적서에 인터페이스가 실제로 포함되어 있는지에 대한 증빙 자료를 요구하십시오.

기능 비교

이 매트릭스는 제품 점수가 아닌 증거 요청용입니다. 공급업체에게 미해결 요구사항을 명확하게 표시하고 각 계층에 대한 책임자를 지정하도록 요청하십시오. 향후 동일한 범위의 릴리스와 비교할 수 있도록 소프트웨어 및 입력 환경을 보존하십시오.

비용 및 투자수익률 분석

가상 검토 예산이며, 모든 수치와 결과는 가정입니다.구매자가 산란계 재고 조사에 300달러, 통합 집중 시범 사업에 500달러, 시범 사업 관찰에 250달러를 할당한다고 가정해 보겠습니다. 초기 지출액은 1,050달러입니다. 연간 후속 관리 비용은 250달러로 가정합니다. 장비, 실행 및 공식 평가 비용은 제외됩니다.

민감도 분석을 위해 추가 구매 완료와 관련된 연간 총 공헌이익을 1,200달러, 700달러 또는 200달러로 가정합니다. 이는 측정된 이익이나 예측치가 아닙니다. 가정된 연간 검토 비용 250달러를 차감한 후 순 공헌이익은 950달러, 450달러 또는 -50달러가 됩니다. 실제 모델에서는 공헌이익과 매출을 구분해야 합니다.

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

시나리오별 최적의 선택

포장 제품 접근:소매 형식이 적합하면 단문형 냉장고를 최종 후보 목록에 올리십시오. 확인된 연결 단계 및 지원되는 입력 구성에 대해서만 계층형 상태 증거를 요청하십시오.

터치스크린 방식의 간식 및 음료:주문한 메커니즘이 제품군에 적합하면 WM22를 최종 후보 목록에 추가하십시오. 제공된 빌드에 어떤 레이어가 있는지, 그리고 지원되는 실제 여정에서 수신 구성 요소가 어떻게 표시되는지 문의하십시오.

판매 가능한 두 구역:설치 장소에 적합한 레이아웃을 갖춘 이중 캐비닛 스테이션을 최종 후보로 고려하십시오. 캐비닛 개수를 통해 고객의 관심도를 예측하기 전에 실제 메뉴/결제 인터페이스와 제공업체 소유권을 명확히 정의하십시오.

응용 프로그램

견적서 첨부

트리거, 지속성, 초기 위치 및 공급자 소유권을 포함하는 레이어 인벤토리를 첨부하십시오. 필요한 경우 지원되는 키보드 배열을 지정하십시오. 실제 포커스 시퀀스 증거를 요청하고 제안된 컨트롤을 포함된 기능과 별도로 표시하십시오. 추가적인 전체 가시성 목표는 최소 기준과 분리하여 관리하십시오.

조종사 관찰

합의된 데모 시나리오와 적절한 참가자를 의도된 하드웨어에서 활용하십시오. 열린 레이어뿐만 아니라 수신 구성 요소도 관찰하십시오. 테스트 상태와 공개 메커니즘을 보존하십시오. 이 문서에서는 사용자 세션, 완료율 또는 장비 테스트 결과를 보고하지 않습니다.

릴리스 리뷰

배너, 탐색, 알림 또는 연결된 서비스가 변경된 후에는 영향을 받는 데모를 반복하십시오. 패널은 시각적 디자인을 유지하면서 패널이 표시되는 방식이나 패널 뒤로 포커스가 이동하는 방식을 변경할 수 있습니다. 승인 여부를 이전 스크린샷이 아닌 데모된 버전 및 동작에 기반하여 결정하십시오.

자주 묻는 질문

최종 권고

소매 장비 형식을 선택한 후 실제 계층형 인터페이스 시연을 요청하십시오. 수신 구성 요소를 식별하고 계층을 분류한 다음 해당 가시성 또는 표시 증거를 문서화하십시오. 구성 요소 가리기, 표시기 스타일 지정 및 키보드 종료는 별도의 결정 사항으로 유지하십시오. 제공된 버전을 승인하기 전에 해결되지 않은 요구 사항을 기록하십시오.

원천:W3C WAI, SC 2.4.11 이해: 초점이 가려지지 않음(최소 요구 사항)본 내용은 2026년 10월 10일 기준이며, 2026년 6월 15일에 업데이트되었습니다. 참고용 웹 안내 자료이며, 연계 기술, 향상된 기준 및 전체 규범 표준은 평가되지 않았습니다. 제품 설명은 연계된 공개 목록과 동일 날짜에 기록된 증거를 기반으로 합니다. 기계 테스트, 적합성 판정 또는 상업적 이익을 주장하지 않습니다.

CTA

구성별 계층형 인터페이스 증빙 자료를 첨부하여 WEIMI 견적을 요청하십시오.제품 구성, 고객 여정 및 지원되는 입력 방식에 대해 설명하십시오. 어떤 패널이나 알림이 표시되는지, 초점이 어디로 이동하는지, 그리고 어떤 공급업체가 실제 가시성 동작을 시연할 수 있는지 문의하십시오.

맞춤 견적 받기