Test Guidé Intelligent pour Boîte de Dialogue Modale

Le Boîte de Dialogue Modale IGT vous aide à déterminer si votre boîte de dialogue modale est accessible. Les utilisateurs de lecteurs d'écran et les utilisateurs qui ne peuvent pas utiliser une souris doivent pouvoir interagir avec la boîte de dialogue modale et ne pas accéder de manière confuse au contenu derrière la modale.

Comment ça fonctionne

La première chose que vous devez faire est de mettre la page dans l'état que vous souhaitez tester. Ensuite, quelques questions simples vous guideront à travers l'achèvement des tests d'accessibilité qui déterminent si votre Boîte de Dialogue Modale présente des problèmes d'accessibilité ou non. Le Boîte de Dialogue Modale IGT éliminera toute la monotonie de devoir connaître tous les détails des problèmes pouvant survenir avec les boîtes de dialogue modales lors de leur utilisation par des utilisateurs ayant des handicaps.

Étape 1 : Sélectionner la Modale

La modale que vous souhaitez tester a-t-elle un bouton pour la lancer ?

Généralement, une modale est lancée par l'interaction "clic" d'un utilisateur avec un contrôle comme un bouton. Si tel est le cas, sélectionnez "Oui, ma modale a un lanceur". Après cela, il vous sera demandé de sélectionner le lanceur de la modale.

Si le modal que vous testez se lance automatiquement (comme un modal de fin de session) ou est déclenché par quelque chose d'autre qu'une action utilisateur clic, sélectionnez « Non, mon modal est déclenché par autre chose. ». Ensuite, on vous demandera de déclencher le modal et de le sélectionner.

Étape 2 : Vérifications de la Modale

Cette étape est entièrement automatisée, donc vous n'avez rien à faire ! Lors de cette étape automatisée, l'IGT détermine ce qui suit :

• si la role correcte est utilisée
• si le focus est piégé dans le dialogue
• si le contenu en dehors du modal est masqué pour les lecteurs d'écran (via aria-modal=true sur le dialogue lui-même ou aria-hidden=true en dehors du dialogue)

Après cette étape automatisée, l'IGT vous demandera :

Cette modale peut-elle être fermée ?

Si ce modal peut être fermé, l'IGT tentera de le fermer automatiquement en utilisant la touche ESC. Si ESC n'a pas fermé le modal, il vous sera demandé de le fermer manuellement.

Une fois la modale fermée, il vous sera demandé de valider que le focus est revenu au lanceur ou à un autre élément logique.

Exécution en Mode Automatisé

Quand mode IGT automatisé est activé, la boîte de dialogue modale IGT conserve les mêmes étapes de configuration que vous utilisez dans le test standard, puis passe le relais à l'IA pour évaluer automatiquement la fermeture et la restauration du focus.

Étape 1 : Identifier et lancer la modale

Tout comme le test standard, vous commencez par indiquer à l'IGT comment votre modale est lancée :

• Si le modal a un lanceur, sélectionnez Oui, ma modale a un lanceur et choisissez le contrôle de lancement.
• Si le modal est déclenché d'une autre manière (comme une boîte de dialogue de fin de session), sélectionnez Non, ma modale est déclenchée par autre chose et déclenchez le modal vous-même afin que l'IGT puisse le capturer.

Si la modale ne peut pas être détectée automatiquement, il vous sera demandé de la sélectionner.

Étape 2 : L'IA analyse votre modale

Une fois la modale capturée, l'IA prend en charge les parties du test qui nécessitent normalement une interaction manuelle :

• Fermeture : L'IA détermine si le modal doit être dismissible, puis tente automatiquement de le fermer — d'abord avec la touche ESC, puis en utilisant les commandes de fermeture qu'elle identifie (comme un bouton de fermeture ou l'arrière-plan).
• Restauration du focus : Une fois le modal fermé, l'IA vérifie si le focus est retourné à un élément logique, tel que le lanceur.

Les vérifications modales restantes — utilisation correcte du role de la boîte de dialogue, focus piégé dans la boîte de dialogue, et contenu hors du modal masqué aux lecteurs d'écran — continuent de s'exécuter automatiquement dans le cadre du test.

Lorsque l'analyse est terminée, vous examinerez les résultats de l'IA, effectuerez des corrections éventuelles et finaliserez votre test. Voir Tests IGT automatisés pour plus de détails sur la révision des résultats, la correction et la finalisation de votre test.

Ce que cela teste

• le focus est dirigé vers le modal lors du lancement
• utilisation correcte de role modaux acceptables
• le focus est capturé à l'intérieur du dialogue
• le contenu en dehors du dialogue est masqué pour les lecteurs d'écran
• fermeture du modal par le clavier
• le focus revient à l'élément logique (généralement le lanceur)