Partage via

Couleurs accessibles pour les applications canevas

  • Article

Les couleurs utilisées dans une application canevas doivent être accessibles aux utilisateurs daltoniens et malvoyants. Tous les thèmes Power Apps sont accessibles par défaut. Lorsque vous modifiez les couleurs utilisées dans une application, suivez ces instructions pour vous assurer qu’elles restent accessibles. Plusieurs outils sont disponibles en ligne pour vous aider à identifier les problèmes de contraste des couleurs.

Contraste minimal pour le texte

  • Le texte et son arrière-plan doivent avoir un rapport de contraste d’au moins 4,5:1
  • Le grand texte doit avoir un rapport de contraste d’au moins 3:1
  • Le texte désactivé ne possède aucune exigence de contraste

En pratique, tous les contrôles interactifs doivent avoir un contraste des couleurs adéquat entre :

Contraste minimal pour le non texte

  • Les composants non textuels, tels que les icônes et les bordures, doivent avoir un rapport de contraste d’au moins 3:1 avec les couleurs extérieures.
  • Les composants désactivés et décoratifs n’ont pas d’exigences de contraste.

Composants d’interface utilisateur

Tous les contrôles interactifs doivent avoir un contraste des couleurs adéquat entre :

Les vérifications du contraste des couleurs supplémentaires s’appliquent aux contrôles où la zone entière est interactive ou informative. Par exemple, un contrôle de type Bouton ou Icône utilisé en tant que bouton. Cela garantit que les limites du contrôle sont désactivées et que les utilisateurs savent sur quoi ils peuvent cliquer ou appuyer.

S’il existe une bordure pour ces contrôles, il doit y avoir un contraste des couleurs adéquat entre :

S’il n’existe aucune bordure, il doit y avoir un contraste des couleurs adéquat entre :

  • Fill et la couleur en dehors du contrôle
  • PressedFill et la couleur en dehors du contrôle
  • HoverFill et la couleur en dehors du contrôle

Objets graphiques

Si une image véhicule des informations importantes, envisagez de vérifier l’absence de problèmes de contraste. Cela s’applique aux contrôles où une image peut être affichée : Audio, Image, Microphone et Vidéo.

Pour le contenu vidéo, pensez à le de vérifier en termes de problèmes de contraste. Sinon, ou à titre complémentaire, proposez les sous-titres qui décrivent la vidéo.

Fournir d’autres signaux visuels

Assurez-vous que l’application n’apporte pas d’informations avec une seule couleur. Par exemple, les utilisateurs daltoniens ne seront pas en mesure de distinguer un message d’erreur en rouge d’un message de réussite en vert.

Les signaux supplémentaires comme un contrôle Icône ou un contenu textuel au format Italic et Underline peuvent aider à donner du sens.

Étapes suivantes

Afficher ou masquer le contenu des technologies d’assistance dans les applications canevas

Voir aussi