소개

인터페이스는 마우스 포인터가 정보 아이콘에 도달하면 유용한 설명을 표시합니다. 사용자가 설명 영역으로 이동하여 마지막 줄을 읽으면 팝업이 닫힙니다. 다른 버전은 팝업이 열린 상태로 유지되지만 그 아래에 있는 작업을 가립니다. 팝업을 닫기 위해 마우스 포인터를 이동하면 인터페이스에서 사용자의 위치도 이동합니다. 두 가지 경험 모두 팝업 표시 여부에 따라 서로 다른 구매 관찰을 요구합니다.

W3C WAI의 WCAG 2.2 성공 기준 1.4.13(마우스 오버 또는 포커스 시 콘텐츠)에 대한 이해 설명은 마우스 포인터 호버 또는 키보드 포커스를 받거나 제거할 때 표시되거나 숨겨지는 추가 콘텐츠를 다룹니다. 이 설명은 닫을 수 있는, 호버할 수 있는, 유지되는 세 가지 조건을 설명합니다. 적용 범위에는 사용자 지정 툴팁, 하위 메뉴 및 기타 모달이 아닌 팝업이 포함되며, 명시된 예외 및 경계가 있습니다.

이 문서에서는 웹 콘텐츠 개념을 사용하여 인용된 인터페이스에 대한 증거를 구체적으로 제시합니다. 이는 자판기 전체를 ​​인증하거나, 터치스크린에 포인터 호버 기능이 있음을 암시하거나, 보편적인 법적 의무를 확립하는 것이 아닙니다. 아래의 공개 WEIMI 페이지는 물리적 형식의 후보들을 검증하는 데 사용되지만, 설치된 팝업 동작, 입력 지원 및 고객 소프트웨어는 여기에서 테스트되지 않았습니다.

빠른 답변

임시 콘텐츠가 발생 시점부터 종료 시점까지 추적하십시오.범위 내에 있는 작성자 제어 추가 콘텐츠의 경우, 마우스 커서 이동이나 키보드 포커스 없이 해당 콘텐츠를 닫는 적절한 방법을 제시하고, 마우스 커서 이동 시 트리거되는 추가 콘텐츠 위로 포인터를 이동한 후, 지정된 지속 조건 하에서 해당 콘텐츠가 계속 표시되는지 확인하십시오. 모든 팝업에 동일한 요구 사항이 적용된다고 가정하는 대신 적용 가능한 예외 사항을 기록하십시오.

터치, 포인터 및 키보드 경로를 별도로 처리해야 합니다. 탭으로 활성화되는 대화 상자는 자동으로 이 호버/포커스 기준에 포함되지 않으며, 포인터 툴팁은 사용 가능한 터치 경로를 제공하지 않습니다. 일반적인 "툴팁 지원"이라는 표현을 수용하기 전에 실제 인터페이스가 의도된 사용자에게 동일한 정보를 어떻게 제공하는지 파악해야 합니다.

비교표

이 목록은 제조업체별 구매 후보 목록을 제공하는 것이며, 툴팁 성능에 대한 독립적인 테스트 또는 순위 매김이 아닙니다. 이 페이지들은 해당 제품들이 사용자 지정 마우스오버 콘텐츠를 구현하는지, 키보드 입력을 지원하는지, 또는 제시된 요구 사항을 충족하는지 여부를 입증하는 것이 아닙니다. 이러한 사항들은 구성별 시연을 통해 확인해야 합니다.

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

제안된 웹 인터페이스 또는 운영자 포털에 임시 설명, 하위 메뉴 콘텐츠 또는 마우스 오버나 포커스에 연결된 기타 비모달 추가 요소가 포함될 때 이 프레임워크를 사용하십시오. 특히 추가 요소가 기존 콘텐츠와 겹치거나 사용자가 마우스 포인터를 이동해야 볼 수 있을 만큼 큰 경우에 유용합니다. 간단한 설명이라도 그 모양을 제어할 필요가 있을 수 있습니다.

또한 구매자가 고객 터치스크린과 보조 브라우저 환경을 구분하는 데 도움이 됩니다. 기기는 탭을 사용할 수 있지만 직원은 워크스테이션에서 포인터 기반 포털을 볼 수 있습니다. 한 환경에서 다른 환경으로 결과를 전송하지 마십시오. 승인 테스트에 포함된 인터페이스, 입력 방식, 소프트웨어 버전 및 콘텐츠를 기록하십시오.

프로젝트에 해당 기준에 맞는 콘텐츠가 없다면 체크리스트를 활용하기 위해 팝업 기능을 만들 필요는 없습니다. 명확하게 활성화되는 지속적인 정보 패널이 더 예측 가능한 디자인 옵션일 수 있습니다. 해당 자료에서는 콘텐츠를 추가하는 더 예측 가능한 방법을 고려할 것을 권장하지만, 모든 프로젝트에 특정 대체 레이아웃을 적용해야 한다고 요구하는 것은 아닙니다.

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

저희는 2026년 10월 10일에 WEIMI 공개 제품 페이지 3개를 검토하고 W3C의 SC 1.4.13 설명 및 오류 분석 기법 F95를 읽었습니다. 설치된 기기에서 포인터 또는 키보드 테스트를 실행하거나 소프트웨어를 검사하거나 사용자 결과를 측정하지는 않았습니다. 해당 문서는 완료된 장비 테스트 결과를 보고하는 대신 공개 자료를 기반으로 한 공급업체의 증거 계획을 제시합니다.

먼저 트리거 목록을 작성하세요. 공급업체에게 관련 추가 사항 각각을 작성자 제어 또는 사용자 에이전트 제어, 모달 또는 비모달, 마우스 오버/포커스 트리거 또는 명시적 활성화 방식으로 분류하도록 요청하십시오. 해당 추가 사항이 어떤 원본 콘텐츠에 적용되는지도 기록하세요. 이 범위 기록을 통해 모든 메시지와 대화 상자에 무분별하게 거부 요구 사항이 적용되는 것을 방지할 수 있습니다.

사용자 지정 마우스 오버 트리거 추가 기능을 사용하려면 해당 기능을 열고 마우스 포인터를 콘텐츠 쪽으로 이동시켜 보세요. 콘텐츠가 사라지는지 또는 인접한 트리거로 대체되는지 확인합니다. F95에서는 마우스 포인터 이동 시 사라지는 간단한 팝업과 대체되는 차트 팝업 모두에 대해 설명합니다. 고정된 포인터만 테스트하는 대신 실제 이동 경로를 따라 의도한 콘텐츠가 계속 표시되도록 하세요.

해당되는 해제 조건에 대해, 트리거의 마우스 오버 또는 포커스를 유지하면서 제공된 메커니즘을 사용하십시오. 그런 다음 트리거를 해제하거나 제거하지 않고 지속 여부를 확인하십시오. 키보드 포커스가 지원되고 관련성이 있는 경우, 해당 경로를 별도로 테스트하십시오. 표시되는 정보, 해당 정보가 유효한 상태로 유지되는지 여부, 그리고 정보를 숨기는 실제 이벤트를 기록하십시오.

주요 구매 요인

전근 조치 없이 해고.해당 자료는 단순히 내용을 지우기 위해 포인터나 초점을 이동하는 것만으로도, 특히 확대된 상태에서 원래 작업을 방해할 수 있는 이유를 설명합니다. Escape 기능은 하나의 예시일 뿐, 유일한 방법은 아닙니다. 공급업체에 사용자의 트리거 위치를 변경하지 않은 상태에서 제공되는 방법을 시연해 달라고 요청하십시오.

해고 면제.팝업 해제 조건에는 입력 오류를 알리는 추가 콘텐츠 또는 다른 콘텐츠를 가리거나 대체하지 않는 콘텐츠에 대한 예외 조항이 있습니다. 하지만 이러한 예외 조항이 다른 모든 적용 가능한 조건을 무효화하는 것은 아닙니다. 예외 조항에 의존하기 전에 실제 오류 기능 또는 의미 있는 중복이 없는지 기록해 두십시오. 자체 트리거 또는 인접한 작업을 가리는 팝업은 증거 없이 무해한 공백으로 간주될 수 없습니다.

포인터 이동.마우스 커서를 올렸을 때 추가 콘텐츠가 표시된다면, 포인터가 해당 콘텐츠 위로 이동하더라도 콘텐츠가 사라지지 않아야 합니다. F95 오류 메시지는 확대된 보기에서 팝업 창 전체가 처음에는 표시되지 않을 수 있음을 보여줍니다. 또한, 포인터가 너무 크면 설명의 일부가 가려질 수도 있습니다. 이는 마우스 커서 이동 중에도 콘텐츠를 유지하는 것에 관한 것이지, 모든 툴팁을 자동으로 대화형 메뉴로 바꾸는 것이 아닙니다.

명확한 결말을 향한 지속성.소스 코드는 마우스 오버/포커스 트리거가 제거되거나, 사용자가 창을 닫거나, 정보가 더 이상 유효하지 않을 때 추가 기능이 종료되도록 합니다. 임의의 읽기 시간 제한은 정보가 유효하지 않다는 것과는 다릅니다. 숨기기 이벤트를 문서화하고 모든 사용자에게 고정된 시간(초)으로 충분하다는 근거 없는 주장을 하지 마십시오.

작성자 및 브라우저 경계.이 기준에는 사용자 에이전트가 시각적 표현을 제어하고 작성자가 수정하지 않는 경우(예: 기본 title 속성 툴팁)에는 예외가 있습니다. 사용자 지정 스타일이 적용된 팝업은 다른 경우입니다. 또한 설명에서는 모달 대화 상자를 이 기준에서 제외하며, 숨겨진 구성 요소가 포커스를 받을 때 표시되는 것은 이 기준에서 말하는 추가 콘텐츠가 아닙니다.

다양한 입력 소스를 통한 정보 접근.이 설명은 마우스 포인터를 올려놓았을 때 나타나는 콘텐츠에 대한 키보드 접근성을 의미합니다. 이러한 광범위한 접근성 검증은 마우스 포인터 이동 성공 여부에서 추론되는 것이 아니라 프로젝트 범위에 명확하게 명시되어야 합니다. 터치 전용 배포의 경우, 탭 테스트로 마우스 포인터 접근성 적합성을 입증한다고 주장하지 말고 실제 정보 접근 경로를 명확히 해야 합니다.

최고의 스마트 자동판매기

이 세 가지 실제 제품 목록은 물리적 형식 일치 후보입니다. 소프트웨어 입력 경로 및 임시 콘텐츠 동작 방식은 별도로 확인해야 합니다. 현재 어떤 제품도 닫을 수 있는 콘텐츠, 마우스 오버 시 나타나는 콘텐츠 또는 영구적인 콘텐츠에 대해 테스트를 거쳐 최종 선정된 제품은 없습니다.

기능 비교

제공되는 각 임시 추가 사항에 대해 매트릭스를 사용하십시오. 해결되지 않은 조건은 견적에 남겨두십시오. 하나의 툴팁에 대한 간략한 관찰만으로는 인터페이스의 모든 하위 메뉴, 인접 트리거 또는 반응형 프레젠테이션을 설정할 수 없습니다.

비용 및 투자수익률 분석

트리거 분류, 상호 작용 조정, 콘텐츠 검토 및 회귀 검사를 포함하는 항목별 견적을 요청하십시오. 대안으로 제시되는 영구 표시 방식은 사용자 지정 툴팁 작업과 범위가 다를 수 있습니다. 공개된 제품 페이지에는 표준 구현 비용이나 포함된 소프트웨어 지원 내역이 명시되어 있지 않습니다.

가상 계산일 뿐입니다.초기 상호 작용 검토 및 수정 비용이 1,340달러이고 연간 점검 비용이 260달러라고 가정합니다. 첫 해 추가 비용은 1,600달러입니다. 별도로 시범 운영을 통해 연간 지원 및 재작업 노력 절감액이 1,100달러, 1,900달러 또는 2,700달러로 측정되었다고 가정해 보겠습니다. 이는 예시를 위한 가정일 뿐이며, WEIMI의 가격, 실제 절감액 또는 매출 예측을 나타내는 것은 아닙니다.

ROI는 예상 첫해 비용으로 나눈 순이익입니다. 이 모델에는 장비, 결제 수수료 및 매출 효과가 제외됩니다. 가정을 실제 시범 운영 경험으로 대체하고, 여러 인터페이스 변경 사항이 있는 경우 하나의 지원 이벤트를 중복 계산하지 않도록 하십시오. 팝업 배치, 콘텐츠 길이 또는 인접 트리거가 변경될 때 재테스트하십시오.

시나리오별 최적의 선택

카메라 기반 포장 소매점의 경우, 냉장고 레이아웃을 살펴보고 실제 디지털 안내 경로를 확인하십시오. 터치스크린 방식의 스낵 및 음료 선택 시스템의 경우, WM22를 검토하고 탭 콘텐츠와 언급된 호버/포커스 여정을 구분하십시오. 두 개의 판매 공간이 필요한 경우, 이중 캐비닛 레이아웃을 검토하고 물리적 참조를 설명하는 추가 기능을 확인하십시오.

임시 콘텐츠의 동작 방식이 중요한 경우, 의도된 환경에서의 상호 작용을 실제로 확인한 후 선택하십시오. 화면 크기나 캐비닛 개수는 결정적인 요소가 아닙니다. 필요한 증거를 제시하는 후보가 없다면, 해당 요구사항을 비워두고 범위가 명시된 소프트웨어 제안서를 요청한 후 최종적으로 선택하십시오.

응용 프로그램

운영자 포털은 포커스 또는 마우스 오버 시 간략한 설명을 표시할 수 있습니다. 관련 제품 여정은 선택 항목 옆에 맞춤형 팝업을 사용할 수 있습니다. 두 영역 인터페이스는 추가 캐비닛 설명을 표시할 수 있습니다. 이는 가상의 구매 적용 사례이며, 실제 고객 사례 연구 또는 나열된 장비가 이러한 기능을 구현한다는 증거는 아닙니다.

파일럿은 다른 트리거 근처의 추가 요소 및 포인터 이동이 필요할 정도로 긴 콘텐츠를 포함하여 소수의 대표적인 트리거를 식별할 수 있습니다. 범위, 중복, 해제, 지속성 및 지원되는 입력 경로를 기록하십시오. 승인된 데모를 사용하고 브라우저 기본 툴팁이나 모달 작업을 이 특정 기준에 따른 오해의 소지가 있는 실패 보고서로 변환하지 마십시오.

자주 묻는 질문

최종 권고

제공되는 추가 콘텐츠의 전체 수명 주기를 명시하십시오. 콘텐츠 표시 시점과 소유자를 분류하고, 중복 여부를 검사하고, 적절한 해제 방식을 보여주고, 마우스 포인터를 마우스 오버로 표시되는 콘텐츠 영역으로 이동시키고, 콘텐츠 표시가 종료되는 이벤트를 기록하십시오. 예외 사항과 경계를 유지하여 승인 결과가 정확하게 유지되도록 하십시오.

WEIMI 공개 목록을 사용하여 일치하는 형식을 조사한 다음 실제 소프트웨어 시연을 요청하십시오. 이 문서에서는 임시 콘텐츠 측면에서 검증된 이점이 없습니다. 포인터, 키보드 및 터치 관찰 결과를 분리하고 문구나 배치 변경 시 회귀 분석 책임자를 지정하십시오.

출처 확인일: 2026년 10월 10일W3C SC 1.4.13 이해하기;F95, 마우스 오버 시 콘텐츠가 표시되지 않음그리고 위에 링크된 세 제조업체 페이지를 참조하십시오. 지침을 이해하는 것은 유익하며 기술은 예시일 뿐입니다. 이는 조달 지침일 뿐 법률 자문, 독립적인 테스트 또는 전체 기계 인증이 아닙니다.

CTA

추가 콘텐츠 동작이 정의된 WEIMI 견적을 요청하십시오.장비 형식, 의도된 입력 장치, 대표적인 설명 및 고객 또는 운영자 인터페이스 범위를 포함하십시오. 팝업 기능이 포함된 것으로 간주하기 전에 트리거 기반 데모와 비용이 포함된 회귀 분석 계획을 요청하십시오.