> ## 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 : Contraste

> Respectez des rapports de contraste minimaux entre le texte, l'ATH et les éléments de jeu et leurs arrière-plans afin que les joueurs ayant une basse vision puissent les interpréter.

## Objectif

Offrir un contraste suffisant entre les éléments visuels et leurs arrière-plans afin que ces éléments puissent être interprétés par les joueurs ayant une basse vision.

## Vue d'ensemble

Environ **2,9 milliards de personnes** ont une basse vision. L'interface utilisateur par défaut manque souvent de contraste entre le premier plan et l'arrière-plan, ce qui empêche les joueurs ayant une basse vision ou une déficience de la vision des couleurs de percevoir et d'utiliser ces éléments. Perdre une mini-carte, une jauge de l'ATH ou un réticule de visée à cause d'un contraste faible, c'est perdre le jeu lui-même.

Un **rapport de contraste** compare la luminance d'un élément au premier plan à celle de son arrière-plan. Plus le rapport est élevé, plus l'élément est visible — mais certains joueurs ayant des troubles cognitifs trouvent les interfaces à contraste très élevé plus difficiles à lire, de sorte que l'objectif est un contraste **configurable**.

## Questions de portée

Les éléments suivants sont-ils visibles par rapport à leur arrière-plan?

* Le texte dans les interfaces de menu
* Les éléments de l'ATH (santé, texte, mini-carte)
* Les éléments de jeu clés (icônes de visée sur des arrière-plans de jeu variés)

## Où le contraste est important

### Texte

Consultez [XAG 101 : Affichage du texte](/fr-CA/build/game-principles/accessibility/xag-deep-dives/xag-101-text-display) pour savoir où le texte apparaît dans les jeux. Le contraste de tous les éléments suivants doit être vérifié :

* Texte de l'interface des menus
* Texte pendant le jeu actif
* Saisie, texte d'espace réservé et messages du clavardage de groupe
* Sous-titres et sous-titres codés
* Conseils des écrans de chargement
* Texte des erreurs, des notifications toast et des notifications

### Éléments visuels non textuels

* Indicateurs directionnels de dégâts et réticules de visée
* Éléments de l'ATH (santé, mini-carte, marqueurs de quête)
* Boutons, curseurs et autres contrôles
* Symboles et glyphes
* Contours des personnages et des plateformes
* Images contenant de l'information clé

<Warning>
  Le rouge et le vert ensemble posent souvent problème aux joueurs atteints des formes courantes de daltonisme. Associez aussi la couleur à une forme ou à du texte — consultez [XAG 103](/fr-CA/build/game-principles/accessibility/xag-deep-dives/xag-103-additional-cues).
</Warning>

## Comment mesurer le contraste

Utilisez :

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

## Façons générales d'améliorer le contraste

* Permettez aux joueurs de placer un **arrière-plan uni** derrière le texte à l'écran et d'en ajuster l'opacité.
* Offrez des options de couleur pour le texte à l'écran et les éléments de l'ATH.
* Prenez en charge un **mode de contraste élevé**.
* Ajoutez des bordures ou des contours autour du texte et des personnages.

## Directives d'implémentation

### Rapports de contraste minimaux

| Élément | Rapport |
| - | - |
| Texte ou élément visuel de taille standard | **4,5:1** |
| Texte et éléments visuels de grande taille | **3:1** |
| Texte sur des éléments inactifs ou désactivés | **3:1** |
| Mode de contraste élevé (tous les éléments de l'interface) | **7:1** |
| Texte d'espace réservé ou de champ de saisie | **4,5:1** (3:1 en grande taille) |

### Ce qui est considéré comme « grande taille »

| Plateforme | Résolution / PPP | Texte de grande taille |
| - | - | - |
| **Console** | 1080p | 52 px |
| **Console** | 4K | 104 px |
| **PC / RV** | 1080p | 36 px |
| **PC / RV** | 4K | 72 px |
| **Mobile / XBOX Game Streaming** | 100 PPP | 36 px |
| **Mobile / XBOX Game Streaming** | 200 PPP | 72 px |
| **Mobile / XBOX Game Streaming** | 400 PPP | 144 px |

Faites une mise à l'échelle linéaire à mesure que les PPP augmentent.

### Règles supplémentaires

* **Mode de contraste élevé.** Offrez un mode de contraste élevé clair ou foncé (ou les deux). Lorsqu'il est activé, le contraste par rapport à l'arrière-plan est **≥ 7:1** pour tous les éléments de l'interface. Le mode de contraste élevé doit :
  * Augmenter la visibilité des éléments importants
  * Augmenter la séparation visuelle entre les différents éléments importants
  * Augmenter la séparation visuelle entre les éléments importants et les éléments secondaires
* **Arrière-plans non unis.** Mesurez le contraste du texte par rapport à la partie la **moins contrastée** d'un arrière-plan non uni.
* **Suivre les paramètres système.** Lorsqu'ils sont disponibles, lisez les paramètres de contraste fournis par la plateforme au lancement et ajustez l'interface du jeu en conséquence.
* **Couleurs configurées par le joueur.** Les couleurs du texte au premier plan et de l'arrière-plan peuvent être définies par le joueur.
* **Ne vous fiez pas uniquement à la couleur.** Lorsque la couleur doit servir à transmettre de l'information, offrez des couleurs sélectionnables par le joueur pour les éléments de jeu clés.
* **Les images ne doivent pas contenir de texte.** Sauf les logotypes — le texte doit être un élément d'interface à part entière qui peut être stylisé et lu par les lecteurs d'écran.
* **Les logotypes** ne sont soumis à aucune exigence de contraste minimal.
* **Les éléments purement décoratifs** ne sont soumis à aucune exigence de contraste.
* **Le texte des éléments inactifs** doit tout de même respecter le minimum de 3:1 (p. ex. les superpositions verrouillées « Ensemble seulement », les options désactivées).

## Impact potentiel sur les joueurs

| Joueur | Touché |
| - | :-: |
| Joueurs ayant une basse vision | ✔ |
| Joueurs ayant une perception des couleurs faible ou nulle | ✔ |
| Joueurs sans audition | ✔ |
| Joueurs ayant une audition limitée | ✔ |
| Joueurs ayant des troubles cognitifs ou d'apprentissage | ✔ |
| Joueurs utilisant un écran petit, éloigné, sujet à l'éblouissement ou à faible contraste | ✔ |

## Ressources

* [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/)
* [Outil de rapport de contraste](https://contrast-ratio.com/)
* API : [XHighContrastGetMode](https://developer.microsoft.com/games/xbox/docs/gdk/XHighContrastGetMode) *(NDA)*


## Related topics

- [XAG 102: Contraste](/es/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)
- [XAG 101: Visualización de texto](/es/build/game-principles/accessibility/xag-deep-dives/xag-101-text-display.md)
- [XAG 123: Prácticas recomendadas de salud mental](/es/build/game-principles/accessibility/xag-deep-dives/xag-123-mental-health-best-practices.md)
- [XAG 102: Contrast](/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)
- [XAG 102: 대비](/ko/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)