> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# XAG 102: 대비

> 저시력 플레이어가 텍스트, HUD, 게임 플레이 요소를 배경 대비 해석할 수 있도록 최소 대비 비율을 충족하세요.

## 목표

시각적 요소와 그 배경 사이에 충분한 대비를 제공하여, 저시력 플레이어가 이러한 요소를 해석할 수 있도록 합니다.

## 개요

약 **29억 명**이 저시력을 가지고 있습니다. 기본 UI는 종종 전경과 배경 사이에 충분한 대비가 없어, 저시력 또는 색각 이상 플레이어가 이러한 요소를 인지하고 사용할 수 없습니다. 미니맵, HUD 미터 또는 조준경을 약한 대비 때문에 잃는 것은 게임 플레이 자체를 잃는 것을 의미합니다.

**대비 비율**은 전경 요소의 휘도를 배경의 휘도와 비교합니다. 비율이 높을수록 더 잘 보이지만, 일부 인지 장애가 있는 플레이어는 매우 높은 대비의 UI를 더 읽기 어려워하므로 **구성 가능한** 대비가 목표입니다.

## 범위 질문

이것들이 배경에 대해 잘 보입니까?

* 메뉴 UI의 텍스트
* HUD 요소(체력, 텍스트, 미니맵)
* 주요 게임 플레이 요소(다양한 게임 배경에 대비되는 타겟팅 아이콘)

## 대비가 중요한 곳

### 텍스트

게임에서 텍스트가 나타나는 곳에 대해서는 [XAG 101: 텍스트 표시](/build/game-principles/accessibility/xag-deep-dives/xag-101-text-display)를 참조하세요. 다음 모두에서 대비를 확인해야 합니다.

* 메뉴 UI 텍스트
* 활발한 게임 플레이 중 텍스트
* 파티 채팅 입력, 자리 표시자, 메시지
* 자막과 캡션
* 로딩 화면 팁
* 오류, 토스트, 알림 텍스트

### 텍스트가 아닌 시각적 요소

* 방향성 데미지 표시기 및 조준경
* HUD 요소(체력, 미니맵, 퀘스트 마커)
* 버튼, 슬라이더, 기타 컨트롤
* 심볼과 글리프
* 캐릭터와 플랫폼 외곽선
* 주요 정보를 포함하는 이미지

<Warning>
  빨강과 초록 조합은 흔한 색맹이 있는 플레이어에게 흔히 실패합니다. 색상과 함께 모양/텍스트를 짝지으세요 — [XAG 103](/build/game-principles/accessibility/xag-deep-dives/xag-103-additional-cues) 참조.
</Warning>

## 대비 측정 방법

다음을 사용하세요:

* [Accessibility Insights for Windows](https://accessibilityinsights.io/)
* [Colour Contrast Analyser (CCA)](https://developer.paciellogroup.com/resources/contrastanalyser/)
* [Color Oracle simulator](https://colororacle.org/)
* [Contrast-ratio calculator](https://contrast-ratio.com/)

## 대비를 개선하는 일반적인 방법

* 화면 텍스트 뒤에 **불투명 배경**을 넣고 그 불투명도를 조정할 수 있게 하세요.
* 화면 텍스트와 HUD 요소에 색상 옵션을 제공하세요.
* **고대비 모드**를 지원하세요.
* 텍스트와 캐릭터 주위에 테두리/외곽선을 추가하세요.

## 구현 가이드라인

### 최소 대비 비율

| 요소                  | 비율                  |
| ------------------- | ------------------- |
| 표준 크기 텍스트 또는 시각적 요소 | **4.5:1**           |
| 대형 텍스트 및 시각적 요소     | **3:1**             |
| 비활성/비활성화된 요소의 텍스트   | **3:1**             |
| 고대비 모드(모든 UI 요소)    | **7:1**             |
| 자리 표시자 또는 입력 필드 텍스트 | **4.5:1** (대형은 3:1) |

### "대형"의 기준

| 플랫폼                           | 해상도 / DPI | 대형 텍스트 |
| ----------------------------- | --------- | ------ |
| **콘솔**                        | 1080p     | 52 px  |
| **콘솔**                        | 4K        | 104 px |
| **PC / VR**                   | 1080p     | 36 px  |
| **PC / VR**                   | 4K        | 72 px  |
| **모바일 / XBOX Game Streaming** | 100 DPI   | 36 px  |
| **모바일 / XBOX Game Streaming** | 200 DPI   | 72 px  |
| **모바일 / XBOX Game Streaming** | 400 DPI   | 144 px |

DPI가 증가함에 따라 선형으로 확장하세요.

### 추가 규칙

* **고대비 모드.** 라이트 및/또는 다크 고대비 모드를 제공하세요. 활성화되면 모든 UI 요소에 대해 배경 대비가 **≥ 7:1**이어야 합니다. 고대비 모드는 다음을 수행해야 합니다.
  * 중요한 요소의 가시성 증가
  * 서로 다른 중요한 요소 간 시각적 분리 증가
  * 중요한 요소와 중요하지 않은 요소 간 시각적 분리 증가
* **불투명하지 않은 배경.** 불투명하지 않은 배경의 **대비가 가장 낮은** 부분을 기준으로 텍스트 대비를 측정하세요.
* **시스템 설정 준수.** 가능한 경우 시작 시 플랫폼에서 제공하는 대비 설정을 읽고 게임 UI를 그에 맞게 조정하세요.
* **플레이어가 구성한 색상.** 전경과 배경 텍스트 색상은 플레이어가 설정할 수 있습니다.
* **색상에만 의존하지 마세요.** 정보에 색상을 사용해야 하는 경우, 주요 게임 요소에 대해 플레이어가 선택할 수 있는 색상을 제공하세요.
* **이미지에는 텍스트가 포함되지 않아야 합니다.** 로고타입 제외 — 텍스트는 스크린 리더로 스타일링하고 읽을 수 있는 자체 UI 요소여야 합니다.
* **로고타입**에는 최소 대비 요구 사항이 없습니다.
* **순수하게 장식적인** 요소에는 대비 요구 사항이 없습니다.
* **비활성 요소 텍스트**도 3:1 최소값을 충족해야 합니다(예: 잠긴 "Bundle only" 오버레이, 비활성화된 옵션).

## 잠재적 플레이어 영향

| 플레이어                                       | 영향 받음 |
| ------------------------------------------ | :---: |
| 저시력 플레이어                                   |   ✔   |
| 색 인식이 거의 없거나 전혀 없는 플레이어                    |   ✔   |
| 청력이 없는 플레이어                                |   ✔   |
| 청력이 제한된 플레이어                               |   ✔   |
| 인지 또는 학습 장애가 있는 플레이어                       |   ✔   |
| 작은 / 멀리 있는 / 눈부심의 영향을 받는 / 저대비 디스플레이의 플레이어 |   ✔   |

## 리소스

* [Provide high contrast between text/UI and background](http://gameaccessibilityguidelines.com/provide-high-contrast-between-text-and-background/)
* [Provide an option to adjust contrast](http://gameaccessibilityguidelines.com/provide-an-option-to-adjust-contrast)
* [Provide a choice of text colour, low/high contrast choice as a minimum](http://gameaccessibilityguidelines.com/provide-a-choice-of-text-colour-lowhigh-contrast-choice-as-a-minimum)
* [Accessibility Insights For Windows](https://accessibilityinsights.io/)
* [Colour Contrast Analyser (CCA)](https://developer.paciellogroup.com/resources/contrastanalyser/)
* [Color Oracle](https://colororacle.org/)
* [Contrast ratio tool](https://contrast-ratio.com/)
* API: [XHighContrastGetMode](https://developer.microsoft.com/games/xbox/docs/gdk/XHighContrastGetMode) *(NDA)*


## Related topics

- [XAG 101: 텍스트 표시](/ko/build/game-principles/accessibility/xag-deep-dives/xag-101-text-display.md)
- [XAG 123: 정신 건강 모범 사례](/ko/build/game-principles/accessibility/xag-deep-dives/xag-123-mental-health-best-practices.md)
- [XBOX Accessibility Guidelines (XAG)](/ko/build/game-principles/accessibility/xbox-accessibility-guidelines.md)
- [접근성 메타데이터](/ko/publishing/game-publishing/concepts/metadata-accessibility.md)
- [XAG 118: 광 과민성](/ko/build/game-principles/accessibility/xag-deep-dives/xag-118-photosensitivity.md)