Test de votre application en matière d’accessibilité (HTML)

Applies to Windows only

Vous cherchez la version C#/VB/C++/XAML de cette rubrique ? Voir Test de votre application en matière d’accessibilité (XAML).

Vous cherchez la version Windows Phone de cette rubrique ? Voir Test de votre application en matière d’accessibilité (Windows Phone).

Voir cette fonctionnalité en action dans le cadre de notre série Fonctionnalités d’application de A à Z:  Interaction utilisateur : entrée tactile... et plus encore.

Exécuter les outils de test d’accessibilité

Le Kit de développement logiciel (SDK) Windows inclut des outils de test d’accessibilité, tels que Inspect et UI Accessibility Checker (AccChecker), qui vous permettent de vérifier l’accessibilité de votre application. Pour les développeurs d’applications Windows Runtime en JavaScript, l’outil Inspect est utile pour vérifier les propriétés d’accessibilité que vous définissez dans votre balisage (name, role, value, state, AriaRole pour Microsoft UI Automation, AriaProperties pour UI Automation), et pour vérifier la structure de l’arborescence Microsoft UI Automation. AccChecker permet de vérifier l’implémentation ARIA (Accessible Rich Internet Applications) de votre balisage HTML.

Si vous prévoyez de déclarer votre application comme accessible dans le Windows Store, vous devez traiter toutes les erreurs de priorité 1 signalées par AccChecker avec les vérifications Web ARIA activées. Le traitement des problèmes d’accessibilité consiste à les résoudre dans le code ou, dans de rares cas, à reconnaître qu’ils ne s’appliquent pas à votre application et à les supprimer.

Vous pouvez lancer les outils de test d’accessibilité à partir de l’invite de commandes de Microsoft Visual Studio ou à partir du dossier d’outils du Kit de développement logiciel Windows (Kit SDK Windows) (<install_dir>\Program Files\Windows Kits\<version>\bin\<architecture>).

Tester l’accessibilité du clavier

Le meilleur moyen de tester l’accessibilité de votre clavier consiste à débrancher la souris et à utiliser le clavier tactile si vous utilisez un périphérique de tablette. Testez la navigation de l’accessibilité du clavier à l’aide de la touche Tab. Vous devez pouvoir parcourir tous les éléments d’interface utilisateur interactifs à l’aide de la touche Tab. Pour les éléments d’interface utilisateur composites, vérifiez que vous pouvez naviguer entre les sous-éléments à l’aide des touches de direction. Enfin, vérifiez que vous pouvez appeler tous les éléments d’interface utilisateur interactifs avec le clavier, généralement à l’aide des touches Entrée ou Espace.

Vérifier le coefficient de contraste du texte visible

Utilisez les outils et méthodes recommandés par le World Wide Web Consortium (W3C) pour vérifier que le coefficient de contraste du texte visible est au moins de 4,5 pour 1. Les exceptions comprennent les éléments d’interface utilisateur inactifs, ainsi que les logos et le texte décoratif qui ne transmettent pas d’informations et peuvent être réorganisés sans modifier la signification.

Vérifier votre application en contraste élevé

Utilisez votre application pendant qu’un thème à contraste élevé est actif pour vérifier que tous les éléments d’interface utilisateur s’affichent correctement. Tout le texte doit être lisible, et toutes les images doivent être claires. Si nécessaire, fournissez des versions distinctes à utiliser lorsqu’un thème à contraste élevé est actif.

Vérifier votre application avec des paramètres d’affichage

Utilisez les options d’affichage système qui ajustent la valeur en points par pouce (ppp) de l’affichage et assurez-vous que l’interface utilisateur de votre application est correctement mise à l’échelle quand la valeur ppp change. (Certains utilisateurs modifient les valeurs ppp comme option d’accessibilité, par le biais de l’élément Améliorer la lisibilité de l’ordinateur dans Options d’ergonomie.) Si vous détectez un problème, suivez les recommandations relatives à la mise à l’échelle de la disposition et fournissez des ressources supplémentaires pour différents facteurs d’échelle. Pour plus d’informations, voir Recommandations sur la mise à l’échelle et Test de la disposition de votre application.

Vérifier les scénarios d’application principaux à l’aide du Narrateur

Utilisez le Narrateur pour tester l’expérience de lecture d’écran pour votre application.

Suivez la procédure ci-dessous pour tester votre application à l’aide du Narrateur avec une souris et le clavier :

  1. Démarrez le Narrateur en appuyant sur la touche Windows + Entrée.
  2. Naviguez dans votre application à l’aide du clavier en utilisant la touche Tab, les touches de direction et la touche Verr. maj + les touches de direction.
  3. À mesure que vous naviguez dans votre application, écoutez le Narrateur lire les éléments de votre interface utilisateur et vérifiez les points suivants :
    • Pour chaque contrôle, vérifiez que le Narrateur lit tout le contenu visible. Vérifiez également qu’il lit le nom de chaque contrôle, son état (activé, sélectionné, etc.) et le type du contrôle (bouton, case à cocher, élément de liste, etc.).
    • Pour chaque tableau, vérifiez que le Narrateur lit correctement le nom du tableau, sa description (le cas échéant) et les en-têtes de lignes et de colonnes.
    • Pour chaque zone dynamique, assurez-vous que le Narrateur présente les modifications apportées aux zones dynamiques comme indiqué dans le balisage HTML via les attributs aria-live, les attributs aria-atomic, etc.
    • Si l’élément est interactif, vérifiez que vous pouvez utiliser le Narrateur pour appeler son action en appuyant sur Verr. maj + Espace.
  4. Appuyez sur la touche Verr. maj + Entrée pour effectuer des recherches dans votre application et vérifier que tous vos contrôles apparaissent dans la liste de recherche, et que les noms des contrôles sont localisés et lisibles.
  5. Éteignez votre moniteur et essayez d’accomplir les scénarios d’application principaux en utilisant uniquement le clavier et le Narrateur. Pour obtenir la liste complète des commandes et des raccourcis du Narrateur, appuyez sur la touche Verr. maj + F1.

Utilisez la procédure ci-dessous pour tester votre application à l’aide du mode tactile du Narrateur :

Remarque  Le Narrateur passe automatiquement en mode tactile sur les périphériques qui prennent en charge les contacts 4+. Le Narrateur ne prend pas en charge les scénarios à plusieurs moniteurs ou les numériseurs d’interaction tactile multipoint sur l’écran principal.

  1. Familiarisez-vous avec l’interface utilisateur et explorez la disposition.
    • Parcourez l’interface utilisateur en effectuant des mouvements de balayage à l’aide d’un seul doigt. Effectuez des mouvements de balayage vers la gauche ou la droite pour naviguer entre les éléments, et vers le haut ou le bas pour changer la catégorie des éléments parmi lesquels vous naviguez. Les catégories incluent tous les éléments, liens, tableaux, en-têtes, etc. La navigation à l’aide de mouvements de balayage à l’aide d’un seul doigt est similaire à la navigation avec Verr. maj + les touches de direction.
    • Utilisez des mouvements d’insertion d’une tabulation pour naviguer parmi les éléments pouvant être actifs. Un balayage à trois doigts vers la droite ou la gauche revient à parcourir la séquence de tabulation avec la touche Tab et les touches Maj + Tab sur un clavier.
    • Explorez spatialement l’interface utilisateur à l’aide d’un seul doigt. Déplacez un seul doigt vers le haut et le bas, ou la gauche et la droite, pour que le Narrateur lise les éléments placés sous votre doigt. Vous pouvez utiliser la souris comme alternative, car elle utilise la même logique de test de positionnement avancé que le déplacement d’un seul doigt.
    • Lisez la fenêtre entière et tout son contenu en balayant l’écran vers le haut avec trois doigts. Ceci est équivalent à l’utilisation de Verr. maj + W.

    Si des éléments d’interface utilisateur importants sont inaccessibles, vous êtes peut-être en présence d’un problème d’accessibilité.

  2. Interagissez avec un contrôle pour tester ses actions principales et secondaires, ainsi que son comportement de défilement.

    Les actions principales incluent des choses telles que l’activation d’un bouton, le positionnement d’un curseur de texte et le placement du focus sur le contrôle. Les actions secondaires incluent des choses telles que la sélection d’un élément de liste ou le développement d’un bouton qui propose plusieurs options.

    • Pour tester une action principale : appuyez deux fois ou effectuez un appui prolongé avec un doigt et appuyez avec un autre doigt.
    • Pour tester une action secondaire : appuyez trois fois ou effectuez un appui prolongé avec un doigt et appuyez deux fois avec un autre doigt.
    • Pour tester le comportement de défilement : balayez l’écran avec deux doigts pour effectuer un défilement dans la direction de votre choix.

    Certains contrôles fournissent des actions supplémentaires. Pour afficher la liste complète, touchez l’écran avec quatre doigts.

    Si un contrôle réagit à la souris ou au clavier mais ne réagit pas à une interaction tactile principale ou secondaire, le contrôle doit peut-être implémenter des modèles de contrôles UI Automation supplémentaires.

Pour plus d’informations sur la manière d’utiliser le Narrateur, voir Accessibilité dans Windows 8.

Rubriques associées

Accessibilité des applications Windows Runtime en JavaScript et HTML

 

 

Afficher:
© 2014 Microsoft