Objectif
Fournir un contraste suffisant entre les éléments visuels et leur arrière-plan afin que ces éléments puissent être interprétés par les joueurs malvoyants.Vue d’ensemble
Environ 2,9 milliards de personnes ont une basse vision. L’interface utilisateur par défaut manque souvent d’un contraste suffisant entre le premier plan et l’arrière-plan, ce qui empêche les joueurs malvoyants ou présentant une déficience de la vision des couleurs de percevoir et d’utiliser ces éléments. Perdre une mini-carte, une jauge du HUD ou un réticule de visée à cause d’un contraste insuffisant revient à perdre le gameplay 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 à très fort contraste plus difficiles à lire ; l’objectif est donc un contraste configurable.Questions de cadrage
Les éléments suivants sont-ils visibles par rapport à leur arrière-plan ?- Le texte des interfaces de menu
- Les éléments du HUD (santé, texte, mini-carte)
- Les éléments de jeu clés (icônes de ciblage sur des arrière-plans de jeu variables)
Où le contraste est important
Texte
Consultez XAG 101 : Affichage du texte 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 chat de groupe
- Sous-titres et sous-titres codés
- Astuces des écrans de chargement
- Texte des erreurs, toasts et notifications
Éléments visuels non textuels
- Indicateurs directionnels de dégâts et réticules de visée
- Éléments du HUD (santé, mini-carte, marqueurs de quête)
- Boutons, curseurs et autres contrôles
- Symboles et glyphes
- Contours des personnages et des plateformes
- Images contenant des informations clés
Comment mesurer le contraste
Utilisez :- Accessibility Insights for Windows
- Colour Contrast Analyser (CCA)
- Simulateur Color Oracle
- Calculateur de rapport de contraste
Moyens généraux 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é.
- Proposez des options de couleur pour le texte à l’écran et les éléments du HUD.
- Prenez en charge un mode de contraste élevé.
- Ajoutez des bordures ou des contours autour du texte et des personnages.
Instructions d’implémentation
Rapports de contraste minimaux
Ce qui est considéré comme « grande taille »
Mettez à l’échelle de façon linéaire à mesure que la densité de pixels augmente.
Règles supplémentaires
- Mode de contraste élevé. Proposez un mode de contraste élevé clair et/ou sombre. Lorsqu’il est activé, le contraste par rapport à l’arrière-plan est ≥ 7:1 pour tous les éléments d’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 ceux qui ne le sont pas
- Arrière-plans non unis. Mesurez le contraste du texte par rapport à la partie de l’arrière-plan non uni qui offre le plus faible contraste.
- Respecter 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 pas se fier uniquement à la couleur. Lorsque la couleur doit être utilisée pour transmettre des informations, proposez des couleurs sélectionnables par le joueur pour les éléments de jeu clés.
- Les images ne doivent pas contenir de texte. À l’exception des logotypes, le texte doit être un élément d’interface à part entière pouvant être mis en forme 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 (par exemple les superpositions verrouillées « Bundle only », les options désactivées).