색상 조합 / 텍스트 크기 / 표시 상태
앉아있는 것을 측정하세요
말 뒤에 숨겨진 의미.
콘텐츠 대비와 패널 밝기 및 시청 환경을 분리하십시오.
소개
쇼룸의 자판기 화면은 밝게 빛납니다. 구매자는 방 건너편에서도 홍보 이미지를 볼 수 있지만, 흐릿한 가격표는 이미지의 일부에 가려져 잘 보이지 않습니다. 밝기와 텍스트 대비는 서로 다른 정보를 제공합니다. 구매 담당자는 고객이 첫 화면 이후에 접하게 되는 모든 상황을 포함하여, 중요한 텍스트 바로 뒤의 전경과 배경에 대한 정보를 필요로 합니다.
W3C WAI의 WCAG 2.2 성공 기준 1.4.3 '대비(최소)'에 대한 이해 설명에서는 텍스트 및 텍스트 이미지의 최소 대비율을 4.5:1로 명시하고 있으며, 대규모 텍스트 및 특정 예외 사항의 경우 3:1을 기준으로 충족한다고 설명합니다. 이 설명은 단순히 두 가지 다른 색조를 선택하는 것이 아니라 상대적인 밝기를 다루고 있습니다. 또한 결과를 반올림하여 기준을 충족해서는 안 된다고 명시하고 있습니다.
이 문서에서는 웹 콘텐츠 개념을 구체적인 구매 증빙 자료 요청으로 전환합니다. 이는 자판기 전체를 인증하거나 대상 시장의 법적 의무를 결정하는 것은 아닙니다. 공개된 WEIMI 목록은 적합한 물리적 형식을 제시하는 반면, 인터페이스 색상 조합, 서체 및 상태 동작은 구성별 증빙 자료가 필요합니다. 현장 조명 검토는 별도의 실질적인 작업입니다.
빠른 답변
측정된 전경/배경 쌍을 포함한 텍스트 상태 인벤토리를 요청하세요. 표시되는 문자열, 소프트웨어 버전, 상태, 글꼴 크기 및 굵기, 색상 값, 계산된 비율 및 적용 가능한 임계값을 기록하세요. 홍보 이미지, 자리 표시자, 마우스 오버 또는 키보드 포커스 표시, 활성화된 컨트롤 위에 의미 있는 텍스트를 포함하세요. 매력적인 첫 화면 사진만으로는 나머지 인터페이스에 대한 충분한 증거가 될 수 없습니다.
디지털 명암비 측정 결과와 의도된 설치 환경에서 관찰한 디스플레이 결과, 이렇게 두 가지 승인 기록을 유지하십시오. 패널 밝기를 높이면 시청 경험이 달라질 수 있지만, 지정된 콘텐츠 색상 간의 필요한 비율을 보장하지는 않습니다. 색상 조합이 적합하거나 쇼룸에서 성공적으로 시연되었다고 하더라도 모든 설치 환경에서 완벽한 가독성을 보장하는 것은 아닙니다.
비교표
| 일반 후보자 | 문서화된 형식 | 텍스트 대조 증거를 요청합니다. |
|---|---|---|
| 음료 보관용 AI 비전 스마트 냉장고 (1도어) | 포장 제품 카메라 체크아웃 형식 | 의미 있는 텍스트가 포함된 순서가 지정된 화면 또는 보조 인터페이스를 식별하십시오. |
| WM22 스낵 및 음료 자판기 | 21.5인치 터치스크린 스낵 및 음료 코너 | 실제 소프트웨어에서 가격, 선택, 지침 및 오류 텍스트를 측정합니다. |
| 두 개의 진열대, 더 다양한 선택: 스낵 및 음료 자판기 | 메인 디스플레이와 보조 판매대 | 각 판매 지역과 해당 지역이 속한 주를 식별하는 텍스트를 확인하십시오. |
이는 독립적인 테스트나 측정된 순위가 아닌 공개된 조달 목록입니다. 인용된 페이지 어디에도 인터페이스 대비율, 화면 밝기, 눈부심 방지 성능 또는 적합성 결과가 명시되어 있지 않습니다. 마지막 열의 질문은 설치된 기능이 아닌 요청된 증거를 설명합니다.
이 제품은 누가 구매해야 할까요?
구매자가 물리적인 화면이 아닌 고객 인터페이스를 승인해야 할 때 이 방법을 사용하십시오. 특히 인터페이스가 이미지 위에 가격, 지침 또는 상태 문구를 표시하거나, 선택 또는 오류 상태에 따라 색상을 변경하거나, 운영자가 새로운 홍보 배경을 업로드할 수 있도록 허용하는 경우에 적합합니다. 이러한 옵션을 통해 캐비닛 하드웨어를 변경하지 않고도 색상 조합을 변경할 수 있습니다.
브랜드 인터페이스를 사용하는 유통업체는 해당 정보를 활용하여 회사 아이덴티티와 기능적 텍스트를 구분할 수 있습니다. 이해 설명서에 따르면 일반 텍스트는 회사 색상 지침에 따라야 한다는 이유만으로 예외로 인정되지 않습니다. 특정 로고에 대한 예외 조항을 가격, 결제 문구 또는 로고 주변의 안내문에 대한 예외로 확대 적용해서는 안 됩니다.
이미 광범위한 언어 및 터치 흐름 체크리스트를 보유한 구매자는 이러한 보다 구체적인 증거 요구 사항을 추가할 수 있습니다. 여기서 중요한 것은 어떤 쌍이 측정되었는지, 임계값이 적용되는 이유, 그리고 변경 사항이 검토를 유발하는지 여부를 판단하는 것입니다. 번역 품질, 제어 기하학 및 복구 동작은 별도의 관찰이 필요하며, 대비 계산을 통해 추론할 수 없습니다.
스마트 자동판매기를 평가하는 방법
저희는 2026년 10월 10일에 세 개 제조업체의 제품 페이지와 W3C의 SC 1.4.3 설명 및 G18 문서를 검토했습니다. 해당 기기에 설치된 소프트웨어를 측정하거나 패널 출력을 검사하거나 실험실 또는 현장 시험을 수행하지는 않았습니다. 이 비교는 제품 성능 보고서가 아니라 구매팀을 위한 근거 자료 계획이며, 공개된 정보를 바탕으로 작성되었습니다.
의미 있는 텍스트 요소와 그 상태 목록부터 시작하세요. 대표적인 제품명, 가격, 사용 방법, 활성화된 액션 레이블, 필요한 경우 플레이스홀더, 포커스 또는 마우스 오버 시 표시되는 텍스트를 포함하세요. 실제 소프트웨어 및 콘텐츠 버전을 기록해 두세요. 샘플 테마는 구매 주문서에 제공된 버전과 다를 수 있으므로 데모 구성을 식별할 수 있도록 보관하세요.
단색의 경우, 전경색과 배경색은 사용자 에이전트 또는 기본 스타일에서 가져옵니다. 가변 이미지나 그라디언트 위의 텍스트의 경우, 전체 이미지를 평균화하는 대신 글자 바로 뒤의 배경을 식별합니다. 상대 휘도 비율을 계산하고 텍스트 크기를 분류한 다음, 임계값 결정을 위해 반올림하지 않은 값을 유지합니다. 텍스트 이미지의 경우 실제 표시되는 크기도 고려해야 합니다.
견적서에 제시된 디스플레이를 대표적인 콘텐츠와 조명을 사용하여 계획된 현장 관찰로 마무리하십시오. 관찰 내용을 기록하되, WCAG 대비 측정으로 재분류하지 마십시오. 인터페이스 변경, 이미지 업로드 또는 글꼴 변경이 발생하면 하드웨어 및 현장 조건이 동일하더라도 관련 디지털 검사를 다시 시작해야 합니다.
주요 구매 요인
올바른 기준입니다. 설명에서는 글꼴 및 획 특성에 대한 논의를 바탕으로 18포인트 일반 텍스트 또는 14포인트 굵은 텍스트를 큰 텍스트로 간주합니다. 시각적으로 눈에 띄는 제목이라고 해서 자동으로 큰 텍스트가 되는 것은 아닙니다. 스크린샷만 보고 판단하지 말고 실제 구현된 텍스트의 크기와 굵기를 확인하세요. 일반적으로 의미 있는 작은 텍스트는 이 기준에서 최소 4.5:1의 비율을 필요로 합니다.
배경 자체에 대한 설명입니다. G18에서는 다양한 배경이나 패턴이 있는 배경 위에 텍스트를 배치할 때, 글자 뒤의 대비를 유지하는 방법(해당 영역을 변경하거나 음영 처리하는 것 포함)에 대해 논의합니다. 이미지 전체가 어둡게 보일지라도 단어 바로 아래에 밝은 부분이 있을 수 있습니다. 이미지의 다른 부분에서 가져온 편리한 색상 샘플 하나가 아니라, 실제 텍스트 영역과 내용 상태 전반에 걸친 증거를 요구하십시오.
반올림하지 않은 결과. W3C는 4.499:1을 예시로 들지만, 이 값은 4.5:1에 도달하지 않습니다. 보고서에서는 가독성을 위해 반올림된 숫자를 표시할 수 있지만, 합격 여부 결정 시에는 충분한 정밀도를 유지해야 합니다. 반올림 후 임계값에 정확히 부합하는 비율에 의존하기보다는 설계상의 여유를 두는 것이 좋습니다.
스타일 값과 렌더링. 이해도 설명에서는 화면의 앤티앨리어싱 처리된 가장자리 픽셀보다는 사용자 에이전트 또는 스타일에서 가져온 전경색과 배경색 값을 사용하는 것을 권장합니다. 또한, 얇거나 특이한 글꼴은 명목상 색상 조합이 적합해 보이더라도 실제로는 더 흐릿하게 보일 수 있다고 지적합니다. 따라서 임계값 계산 외에도 더 진한 글꼴이나 더 높은 대비를 사용하는 것이 합리적인 디자인 선택이 될 수 있습니다.
예외 사항은 사유를 명시해야 합니다. 비활성 구성 요소, 장식 및 기타 명시된 범주에는 예외가 적용됩니다. 활성화되어 있지만 시각적으로 흐릿하다는 이유로 해당 동작을 비활성으로 표시하지 마십시오. 마찬가지로, 의미 있는 텍스트 이미지가 홍보용 그래픽에 나타난다는 이유만으로 중요하지 않게 되는 것은 아닙니다. 모든 예외 사항에 대해서는 기능 상태와 근거를 기록하십시오.
최고의 스마트 자동판매기
이 세 가지 실제 제조업체 목록을 통해 포맷에 대한 논의를 시작할 수 있습니다. 관련 소프트웨어와 디스플레이를 평가하기 전까지는 인터페이스 가독성 적합성은 검증되지 않았습니다. 여기서 "최고"란 특정 구매 시나리오에 적합한 후보를 의미하며, 명암비 테스트를 통해 가장 우수한 제품을 뜻하는 것은 아닙니다.
일반 후보자 / 01
음료 보관용 AI 비전 스마트 냉장고 (1도어)
해당 공개 페이지(단일 출입구)에는 포장 음료 및 호환 가능한 스낵, 카메라 체크아웃, 5단 선반과 5개의 바구니, 상단 스크린 또는 라이트박스, 그리고 선택 사양인 냉장 기능에 대한 설명이 있습니다. URL 문구는 신선한 주스 제조를 입증하는 증거가 아닙니다.
주문한 프레젠테이션 중 어떤 것이 고객의 지침과 가격 정보를 담고 있는지 명확히 하십시오. 라이트박스 옵션과 스크린 옵션은 서로 다른 증빙 자료를 요구합니다. 공급업체가 보조 디지털 여정을 제안하는 경우, 해당 여정을 자체 텍스트 목록에 포함시키십시오. 카메라 점검 및 냉각 기능은 측정된 텍스트 색상이나 패널 반사에 대해서는 아무런 언급도 하지 않습니다.
공개 목록을 검토하세요일반 후보자 / 02
WM22 스낵 및 음료 자판기
WM22의 공개 제품 설명에는 21.5인치 터치스크린, 냉각 및 재고 관리 기능, 그리고 나선형, 컨베이어, 직접 이송 또는 걸이식 이송 방식 등의 옵션 사양이 포함되어 있다고 명시되어 있습니다. 주문하신 제품의 정확한 이송 방식을 확인하시기 바랍니다. 일반적인 용량 및 에너지 관련 정보는 본 비교 대상에서 제외됩니다.
제품명과 가격이 명시된 실제 터치스크린 소프트웨어를 요청하십시오. 활성화된 기능, 품절 또는 기타 제공 상태, 주문한 구성에 대한 설명 텍스트를 확인하십시오. 표시된 화면 대각선 길이는 글자 크기, 명암비, 밝기 또는 실외 가독성을 나타내는 것이 아닙니다.
공개 목록을 검토하세요일반 후보자 / 03
두 개의 진열대, 더 다양한 선택: 스낵 및 음료 자판기
이중 캐비닛 페이지는 메인 디스플레이와 보조 캐비닛을 보여주며, 메뉴 및 결제 화면 아래에 나선형 통로가 있어 두 개의 판매 공간을 제공합니다. 배치, 용량, 설치 및 고객 동선을 확인하십시오.
인용된 인터페이스에서 판매 영역을 명시하거나 구분하는 경우, 해당 텍스트와 활성 상태를 측정 목록에 포함시키십시오. 두 개의 캐비닛 형식만으로 공유 카트, 독립형 냉각 또는 소프트웨어 아키텍처를 추론하지 마십시오. 해당 페이지는 디스플레이의 명암비 또는 현장 조명 조건에서의 작동을 보장하지 않습니다.
공개 목록을 검토하세요기능 비교
| 상품 리뷰 | 필수 증거 | 그것이 증명하지 못하는 것 |
|---|---|---|
| 평범하고 의미 있는 텍스트 | 실제 색상 쌍이며, 해당되는 경우 최소 4.5:1의 비율입니다. | 전체 기기 접근성 |
| 대용량 텍스트 적격성 평가 | 크기/무게 분류 및 적용 가능한 3:1 결과 | 모든 제목이 대형으로 분류됩니다. |
| 이미지 또는 그라데이션 배경 | 텍스트 바로 뒤 배경과의 비율 | 평균적인 사진 색감이면 충분합니다. |
| 텍스트 상태 변경 | 관련성이 활성화된 항목, 포커스된 항목 또는 마우스 오버 시 표시되는 내용을 분리합니다. | 시작 화면에는 모든 상태가 표시됩니다. |
| 현장 관찰 | 조명 및 콘텐츠가 기록된 인용 표시 | 디지털 색상 쌍 계산 |
각 항목을 별개의 증거로 취급하십시오. 공급업체는 운영자가 변경할 수 있는 설정 및 콘텐츠와 재검토가 필요한 변경 사항을 명확히 구분해야 합니다. 다운로드 가능한 테마별 대조 보고서는 콘텐츠 선택에 대한 통제 및 평가가 이루어지지 않는 한 향후 업로드될 모든 배경을 포괄할 수 없습니다.
비용 및 투자수익률 분석
텍스트 목록, 색상 조합 검토, 테마 조정, 가변 배경 처리 및 향후 콘텐츠 점검을 포함하는 상세 견적을 요청하십시오. 사이트 디스플레이 검토는 별도의 항목으로 포함될 수 있습니다. 하드웨어 가격, 밝기 사양 및 유지 보수 비용은 현재 구성 정보를 기반으로 해야 하며, 공개된 가격 정보는 이러한 작업에 대한 보편적인 가격을 제공하지 않습니다.
가상 예시일 뿐입니다. 초기 재고 및 테마 작업 비용이 1,180달러이고 연간 콘텐츠 검토 비용이 320달러라고 가정해 보겠습니다. 첫 해 추가 비용은 1,500달러입니다. 시범 운영을 통해 절감된 지원 또는 재작업 비용이 연간 900달러, 1,600달러 또는 2,300달러라고 별도로 측정했다고 가정해 보겠습니다. 이는 계산상의 가정일 뿐이며, 실제 절감액, WEIMI 가격 또는 판매 예측을 반영한 것은 아닙니다.
| 예상 연간 혜택 | 미화 1,500달러 투자 후 첫해 순수익 | 첫해 투자수익률(ROI) 예시 |
|---|---|---|
| 미화 900달러 | -미화 600달러 | -40.0% |
| 미화 1,600달러 | 미화 100달러 | 6.7% |
| 미화 2,300달러 | 미화 800달러 | 53.3% |
여기서 ROI는 순이익을 예상 비용 1,500달러로 나눈 값입니다. 기계 구매, 결제 수수료 및 매출 효과는 제외됩니다. 해당 값들을 시범 측정 결과로 대체하고 모든 고객 문제를 대조 문제 탓으로 돌리지 마십시오. 콘텐츠가 자주 변경되는 경우, 일회성 테마 점검이 무기한 유효하다고 가정하기보다는 지속적인 검토를 위한 예산을 편성해야 합니다.
시나리오별 최적의 선택
카메라 체크아웃 방식의 포장 제품 프로젝트의 경우, 단일 도어 냉장고를 조사하고 텍스트 범위를 정의하기 전에 실제 화면, 라이트박스 또는 보조 프레젠테이션을 확인하십시오. 터치스크린 방식의 스낵 및 음료 프로젝트의 경우, WM22를 조사하고 버전별 화면 상태 목록을 요청하십시오. 두 구역 판매 프로젝트의 경우, 이중 캐비닛 스테이션을 조사하고 표시되는 지침과 실제 판매 구역을 연결하는 문구를 검토하십시오.
텍스트 대비가 결정적인 요구 사항인 경우, 색상 조합에 대한 증거와 합의된 콘텐츠 관리 프로세스를 기반으로 선택하십시오. 더 크거나 더 밝은 화면이 자동으로 더 나은 선택은 아닙니다. 증거가 부족한 경우, 해당 요구 사항은 미해결 상태로 유지하고, 근거 없는 가독성 순위를 부여하는 대신 유료 검토를 요청하십시오.
응용 프로그램
프로모션이 변경되는 환경에서는 텍스트가 새로운 이미지 위에 겹쳐 표시될 때마다 배경 조사가 필요할 수 있습니다. 브랜드 테마를 사용하는 운영자는 선택한 기준을 충족하면서 브랜드 아이덴티티에 맞는 기능적인 텍스트 색상이 필요할 수 있습니다. 여러 디스플레이 구성을 승인하는 유통업체는 각 구성에서 표시되는 콘텐츠에 대한 별도의 증거가 필요할 수 있습니다. 이는 제안된 적용 사례이며, 고객 설치 보고서가 아닙니다.
파일럿 테스트에서는 실제 제품명과 가격이 포함된 대표적인 제품 샘플을 선택한 다음, 측정된 샘플 쌍과 견적에 제시된 디스플레이를 설치 예정 위치에서 모두 검사하십시오. 소프트웨어 버전, 콘텐츠, 상태 및 조명 조건을 기록하십시오. 두 가지 유형의 관찰 결과를 분리하여 보관하면 공급업체가 검증되지 않은 패널 사양과 혼동하지 않고 색상 문제를 해결할 수 있습니다.
자주 묻는 질문
더 밝은 패널이 적절한 텍스트 대비를 보장할까요?
아니요. 이 기준은 텍스트와 바로 주변 배경의 상대적인 밝기에 관한 것입니다. 패널 밝기와 시청 환경은 별도의 증거가 필요합니다. 어느 한쪽을 대체할 수 없습니다.
모든 제목에 3:1 임계값을 사용할 수 있습니까?
아니요. 실제 텍스트가 큰 글씨체에 해당하는지 여부는 표시되는 크기와 굵기를 기준으로 판단해야 합니다. 강조 표시나 제목 태그만으로는 큰 글씨체로 분류할 수 없습니다.
4.499:1 값을 반올림하여 통과시킬 수 있을까요?
아니요. W3C의 설명에 따르면 임계값 비교는 반올림해서는 안 됩니다. 보고서에 표시되는 값이 더 짧더라도 기본 결과를 유지해야 합니다.
브랜드 색상은 예외인가요?
일반적인 의미 있는 텍스트는 기업 아이덴티티에서 색상을 지정했다는 이유만으로 예외가 되는 것은 아닙니다. 해당 기준에는 로고타입에 대한 예외 조항이 있지만, 이는 주변의 기능적인 텍스트에 대한 전면적인 예외를 의미하는 것은 아닙니다.
이 제품 페이지는 화면 대비를 제대로 표시하나요?
아니요. 그들은 제한적인 공개 형식 및 하드웨어 정보만 제공합니다. 실제 소프트웨어 색상, 글꼴 크기, 상태 변화 및 표시 동작은 구성별 검토가 필요합니다.
어떤 변경 사항에 대해 재검토가 필요합니까?
배경 이미지, 색상, 글꼴, 크기 또는 관련 상태가 변경될 때 영향을 받는 텍스트 쌍을 검토하십시오. 운영자가 업로드한 콘텐츠를 승인한 사람을 기록하십시오. 이전 테마 보고서가 이후의 모든 프레젠테이션을 자동으로 포함할 수는 없습니다.
최종 권고
대조표를 승인하기 전에 측정 대상 쌍, 텍스트 분류 및 관련 상태를 요청하십시오. 가변 배경과 작업자가 편집 가능한 콘텐츠를 범위에 포함하십시오. 반올림되지 않은 계산 결과를 유지하고 예외 사항은 시각적 외관이 아닌 기능별로 문서화하십시오. 그런 다음 실제 견적된 디스플레이를 대표적인 현장 조건에서 별도의 실증 검토를 통해 검사하십시오.
세 가지 공개 WEIMI 형식은 장비 논의를 위한 출발점을 제공합니다. 이 문서에서는 어느 형식도 검증된 우위를 보이지 않습니다. 운영 프로젝트에 적합한 형식을 선택하고 실제 인터페이스 증거를 견적서에 포함시키십시오. 새로운 콘텐츠가 이전 승인을 묵묵히 무효화하지 않도록 지속적인 검토 책임자를 지정하십시오.
출처 확인일: 2026년 10월 10일 W3C SC 1.4.3 이해하기 ; G18, 텍스트와 배경 대비 그리고 위에 링크된 세 제조업체 페이지를 참조하십시오. 지침을 이해하는 것은 유익하며 기술은 예시일 뿐입니다. 이 문서는 조달 지침을 제공하는 것이지 법률 자문, 독립적인 제품 테스트 또는 기계 적합성 인증서를 제공하는 것이 아닙니다.
CTA
WEIMI 견적서를 요청할 때는 범위 내에 포함된 읽기 쉬운 텍스트 증거 자료를 함께 제출하십시오. 선호하는 장비 형식, 대표적인 제품 설명, 원하는 테마, 작업자가 업로드한 배경 이미지 및 현장 조명을 포함하십시오. 버전별 텍스트 상태 목록, 색상 조합 보고서, 그리고 견적에 포함된 디스플레이의 별도 시연을 요청하십시오.
맞춤 견적 받기


