> ## 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 113 : Gestion du focus dans l'interface

> Affichez toujours un indicateur de focus très visible qui ne disparaît jamais et ne se déplace jamais vers des éléments hors écran, afin que les joueurs sachent quel élément de l'interface a le focus d'entrée.

## Objectif

S'assurer que les joueurs, y compris ceux ayant une basse vision, savent toujours quel élément de l'interface du jeu a le focus.

## Vue d'ensemble

Les indicateurs de focus sont des marqueurs visuels qui montrent quel élément de l'interface a actuellement le focus d'entrée. Toute entrée interactive (p. ex. « appuyez sur A pour sélectionner ») s'applique à l'élément qui a le focus. Des indicateurs de focus subtils ou visibles par intermittence constituent un obstacle pour les joueurs ayant une basse vision ou des troubles cognitifs, les utilisateurs de technologies d'assistance et les joueurs qui découvrent le jeu. Si le focus se déplace vers un élément masqué ou hors écran, les joueurs peuvent être empêchés de continuer.

## Questions de cadrage

* Quelle méthode indique le focus (couleur, contour, les deux)?
* Cette méthode est-elle visible pour les joueurs ayant une basse vision ou atteints de daltonisme?
* Une indication de la commande qui a le focus est-elle toujours présente?
* L'indicateur est-il visible sur **tous** les arrière-plans d'interface du jeu (couleurs, images, animations)?
* Votre jeu contient-il des boîtes de dialogue qui se superposent à d'autres interfaces (un endroit courant où les indicateurs de focus se perdent)?

## Directives de mise en œuvre

### Indicateur de focus très visible

Tous les éléments de l'interface doivent afficher un indicateur de focus très visible lorsqu'ils reçoivent le focus. Les techniques comprennent :

* Des bordures autour de l'élément qui a le focus
* L'augmentation de la taille de l'élément ou de la graisse de la police lors du focus
* L'ajout d'un remplissage de bloc contrastant derrière l'élément
* La combinaison de plusieurs techniques par redondance

**Exemples :**

* *The Outer Worlds* : l'indicateur de focus entoure l'élément d'un contour, ajoute un remplissage de bloc contrastant et modifie la graisse et la couleur de la police.
* *Fallout 76* : le menu de pause met l'élément en évidence avec un fond jaune à contraste élevé et un petit personnage animé à gauche.

### Toujours visible, jamais hors écran

* L'indicateur de focus visuel doit toujours être visible à l'écran.
* Les indicateurs de focus ne doivent devenir invisibles sur aucun élément pouvant recevoir le focus.
* Le focus ne doit pas se déplacer vers des éléments invisibles ou hors écran.
* Lorsque des boîtes de dialogue apparaissent (p. ex. l'avertissement « Modifications non enregistrées » de Forza Horizon 4), le focus doit se déplacer vers la première commande interactive de la boîte de dialogue, et il ne doit pas être possible de déplacer le focus vers un élément à l'extérieur de la boîte de dialogue tant qu'elle est ouverte.

## Incidence possible sur les joueurs

| Joueur | Touché |
| :- | :-: |
| Joueurs non voyants | ✓ |
| Joueurs ayant une basse vision | ✓ |
| Joueurs ayant des troubles cognitifs ou d'apprentissage | ✓ |
| Joueurs ayant une portée et une force limitées | ✓ |
| Joueurs ayant une dextérité manuelle limitée | ✓ |
| Joueurs utilisant des prothèses | ✓ |
| Joueurs occasionnels, jeunes joueurs | ✓ |

## Ressources

* [Designing for Accessibility: Focus States — DockYard](https://dockyard.com/blog/2020/04/28/designing-for-accessibility-focus-states)
* [WCAG 2.2 SC 2.4.11 : Apparence du focus (minimum)](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html)


## Related topics

- [XBOX Accessibility Guidelines (XAG)](/fr/build/game-principles/accessibility/xbox-accessibility-guidelines.md)
- [XAG 113: UI focus handling](/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [XAG 113: Gestión del foco en la interfaz de usuario](/es/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [XAG 113: UI 포커스 처리](/ko/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [XAG 113：UI 焦点处理](/zh-CN/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)