Créer des applications canevas accessibles

Une application canevas accessible permet aux utilisateurs qui ont des déficiences visuelles, auditives ou autres de l’utiliser avec succès. En plus d’être une exigence de nombreux gouvernements et organisations, suivre les directives ci-dessous augmente la convivialité pour tous les utilisateurs, quelles que soient leurs capacités.

Utilisez le vérificateur d’accessibilité pour vous permettre de passer en revue les problèmes d’accessibilité potentiels dans votre application.

Disposition et couleur

Le bon sens et une conception simple rendent les applications plus accessibles à tous les utilisateurs. Tenez compte des suggestions qui suivent quand vous personnalisez des applications. Les thèmes Power Apps sont conçus pour répondre aux normes d’accessibilité.

  • Vérifiez que tous les éléments sont bien visibles et que le texte est affiché en caractères assez grands. Tout le contenu doit être facilement compréhensible et doit être lisible lu à l’œil nu.
  • Assurez-vous que les éléments d’entrée sont étiquetés sur l’écran. La propriété AccessibleLabel définit ce que le lecteur d’écran annoncera.
  • Si vous personnalisez les couleurs, assurez-vous que le rapport de contraste du texte à l’arrière-plan est égal ou supérieur à 4,5:1. Des outils logiciels facilitant ce processus sont déjà disponibles.
  • Veillez à ce que la mise en page soit logique pendant une lecture de haut en bas et de gauche à droite.
  • Créez une application réactive afin que les utilisateurs malvoyants puissent zoomer et l’utiliser sans devoir faire défiler d’avant en arrière.

Clavier

Quand vous testez l’accessibilité de votre application, assurez-vous que l’application peut être utilisée uniquement avec un clavier, avec ou sans visionneuse d’écran.

La touche Tabulation doit accéder à des éléments interactifs dans un ordre logique. Pour cela, vous devez utiliser une structure d’application logique et définir la propriété TabIndex de chaque contrôle en conséquence.

  • Contrôles Label, Image, Icon, Shape : définissez TabIndex sur 0 s’ils sont conçus pour être interactifs. Sinon, laissez TabIndex sur -1.
  • Ne définissez pas TabIndex sur un chiffre supérieur à zéro.
  • Assurez-vous que le paramètre de l’application Index d’onglet simplifié est activé.

Lecteurs d’écran

Les lecteurs d’écran suivants ont été vérifiés pour fonctionner avec Power Apps :

Pour garantir une expérience satisfaisante avec le lecteur d’écran, il est recommandé de :

  • de vérifier que tous les contrôles d’entrée ont le jeu de propriétés AccessibleLabel  ;
  • pour les images, de définir AccessibleLabel sur une description appropriée.
    • Si une image n’est pas utilisée comme bouton ou comme lien (par ex., si une icône est là uniquement pour la décoration) et ne doit pas être lue par le lecteur d’écran, vérifiez que la propriété AccessibleLabel est vide ou n’est pas définie.
    • Si une image ou une icône est utilisée comme bouton, définissez TabIndex sur 0 et AccessibleLabel sur la description du lien.

Type et structure de contrôle

Utiliser les bons contrôles et les regrouper aidera les utilisateurs de lecteur d’écran à comprendre la structure de l’application.

Multimédia

Veillez à ce que toutes les vidéos soient sous-titrées et qu’une transcription de tous les enregistrements audio soit à la disposition de l’utilisateur. Le contrôle Video prend en charge les sous-titres codés au format WebVTT via la propriété URL des sous-titres codés.

Quand le lecteur d’écran est activé, le Minuteur n’annonce pas de texte de bouton, mais le temps écoulé. Les annonces peuvent être désactivées même si le minuteur est masqué avec une opacité faible.

Utilisation de signatures

Si vous avez un champ de signature qui utilise le contrôle PenInput, vous devez activer une autre méthode d’entrée de signature. La méthode recommandée consiste à afficher un contrôle TextInput quand un utilisateur peut saisir son nom. Vérifiez la présence des instructions de signature dans la propriété AccessibleLabel et le positionnement du contrôle à proximité de la saisie effectuée à l’aide du stylet, à savoir à droite ou juste en dessous.

Étapes suivantes

Structure d’application accessible

Voir aussi