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 la modale que vous testez est lancée automatiquement (comme une modale de fin de session) ou déclenchée par autre chose qu'un clic , sélectionnez "Non, ma modale est déclenchée par autre chose". Ensuite, il vous sera demandé de déclencher la modale et de la 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 le bon role est utilisé
• si le focus est piégé dans le dialogue
• si le contenu à l'extérieur de la modale 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 cette modale peut être fermée, l'IGT tentera de la fermer automatiquement en utilisant la touche Échap . Si la touche Échap n'a pas fermé la modale, il vous sera demandé de la 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é

Lorsque le mode IGT automatisé est activé, le Boîte de Dialogue Modale IGT conserve les mêmes étapes de configuration que vous utilisez dans le test standard, puis transfère à l'IA l'évaluation de la fermeture et de la restauration du focus automatiquement.

É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 la modale a un lanceur, sélectionnez Oui, ma modale a un lanceur et choisissez le contrôle de lancement.
• Si la modale est déclenchée par un autre moyen (comme un dialogue de fin de session), sélectionnez Non, ma modale est déclenchée par autre chose et déclenchez la modale vous-même pour que l'IGT puisse la 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 la modale doit être fermable, puis tente de la fermer automatiquement — d'abord avec la touche Échap touche, puis en utilisant les contrôles de fermeture qu'il 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 revenu à un élément logique, tel que le lanceur.

Les vérifications modales restantes — dialogue correct role, focus capturé à l'intérieur du dialogue et contenu en dehors du modal masqué pour les 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 les corrections nécessaires et finaliserez votre test. Voir Tests IGT automatisés pour plus de détails sur la révision des résultats, les corrections à apporter et la finalisation de votre test.

Ce que cela teste

• le focus est dirigé vers le modal lors du lancement
• utilisation correcte d'un modal acceptable role
• 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)