목표
시각적 요소와 그 배경 사이에 충분한 대비를 제공하여, 저시력 플레이어가 이러한 요소를 해석할 수 있도록 합니다.개요
약 29억 명이 저시력을 가지고 있습니다. 기본 UI는 종종 전경과 배경 사이에 충분한 대비가 없어, 저시력 또는 색각 이상 플레이어가 이러한 요소를 인지하고 사용할 수 없습니다. 미니맵, HUD 미터 또는 조준경을 약한 대비 때문에 잃는 것은 게임 플레이 자체를 잃는 것을 의미합니다. 대비 비율은 전경 요소의 휘도를 배경의 휘도와 비교합니다. 비율이 높을수록 더 잘 보이지만, 일부 인지 장애가 있는 플레이어는 매우 높은 대비의 UI를 더 읽기 어려워하므로 구성 가능한 대비가 목표입니다.범위 질문
이것들이 배경에 대해 잘 보입니까?- 메뉴 UI의 텍스트
- HUD 요소(체력, 텍스트, 미니맵)
- 주요 게임 플레이 요소(다양한 게임 배경에 대비되는 타겟팅 아이콘)
대비가 중요한 곳
텍스트
게임에서 텍스트가 나타나는 곳에 대해서는 XAG 101: 텍스트 표시를 참조하세요. 다음 모두에서 대비를 확인해야 합니다.- 메뉴 UI 텍스트
- 활발한 게임 플레이 중 텍스트
- 파티 채팅 입력, 자리 표시자, 메시지
- 자막과 캡션
- 로딩 화면 팁
- 오류, 토스트, 알림 텍스트
텍스트가 아닌 시각적 요소
- 방향성 데미지 표시기 및 조준경
- HUD 요소(체력, 미니맵, 퀘스트 마커)
- 버튼, 슬라이더, 기타 컨트롤
- 심볼과 글리프
- 캐릭터와 플랫폼 외곽선
- 주요 정보를 포함하는 이미지
대비 측정 방법
다음을 사용하세요:- Accessibility Insights for Windows
- Colour Contrast Analyser (CCA)
- Color Oracle simulator
- Contrast-ratio calculator
대비를 개선하는 일반적인 방법
- 화면 텍스트 뒤에 불투명 배경을 넣고 그 불투명도를 조정할 수 있게 하세요.
- 화면 텍스트와 HUD 요소에 색상 옵션을 제공하세요.
- 고대비 모드를 지원하세요.
- 텍스트와 캐릭터 주위에 테두리/외곽선을 추가하세요.
구현 가이드라인
최소 대비 비율
“대형”의 기준
DPI가 증가함에 따라 선형으로 확장하세요.
추가 규칙
- 고대비 모드. 라이트 및/또는 다크 고대비 모드를 제공하세요. 활성화되면 모든 UI 요소에 대해 배경 대비가 ≥ 7:1이어야 합니다. 고대비 모드는 다음을 수행해야 합니다.
- 중요한 요소의 가시성 증가
- 서로 다른 중요한 요소 간 시각적 분리 증가
- 중요한 요소와 중요하지 않은 요소 간 시각적 분리 증가
- 불투명하지 않은 배경. 불투명하지 않은 배경의 대비가 가장 낮은 부분을 기준으로 텍스트 대비를 측정하세요.
- 시스템 설정 준수. 가능한 경우 시작 시 플랫폼에서 제공하는 대비 설정을 읽고 게임 UI를 그에 맞게 조정하세요.
- 플레이어가 구성한 색상. 전경과 배경 텍스트 색상은 플레이어가 설정할 수 있습니다.
- 색상에만 의존하지 마세요. 정보에 색상을 사용해야 하는 경우, 주요 게임 요소에 대해 플레이어가 선택할 수 있는 색상을 제공하세요.
- 이미지에는 텍스트가 포함되지 않아야 합니다. 로고타입 제외 — 텍스트는 스크린 리더로 스타일링하고 읽을 수 있는 자체 UI 요소여야 합니다.
- 로고타입에는 최소 대비 요구 사항이 없습니다.
- 순수하게 장식적인 요소에는 대비 요구 사항이 없습니다.
- 비활성 요소 텍스트도 3:1 최소값을 충족해야 합니다(예: 잠긴 “Bundle only” 오버레이, 비활성화된 옵션).