Ajout de pages
Ajouter au moins une page à un cas de test est nécessaire pour créer un nouveau cas de test. Une Page représente la page individuelle ou le contenu spécifique à une page que vous souhaitez tester pour l'accessibilité. Il peut s'agir d'une page Web complète ou d'une partie de page (par exemple, une fenêtre modale). Tous les composants communs définis dans un cas de test qui existent sur une page spécifiée ne seront pas testés dans le cadre du test de cette page. Actuellement, le minimum requis est de 1 page, et bien qu'il n'y ait techniquement pas de nombre maximum de pages autorisées, nous recommandons de ne pas en ajouter plus de 30 pour garantir l'efficacité.
Ce tableau répertorie chaque champ de la boîte de dialogue Ajouter une Page dans la colonne de gauche, avec une description de l'utilisation de chacun dans la colonne de droite.
Nouvelle entité de test : Pages (Étape 3 sur 3) écran > Boîte de dialogue Ajouter une page - Descriptions des champs
| Champ | Description d'utilisation |
|---|---|
| Nom | Obligatoire. Ce serait généralement le titre de la page ou le nom d'une zone spécifique de la page, un texte court pour identifier de manière unique ce qui est visé pour la conformité en matière d'accessibilité. Le nombre maximum de caractères que vous pouvez entrer dans ce champ est de 150. |
| URL | Obligatoire. Tapez l'Uniform Resource Locator comme nom de domaine complètement qualifié de la page, du site ou de l'application à tester pour l'accessibilité. |
| Portée | Sélectionnez l'option de bouton radio Page entière pour cibler l'ensemble de la page, ou l'option Zone de la page pour spécifier uniquement une partie de la page. Lorsque l'option Zone de la page est sélectionnée, le champ Sélecteur apparaît sous le champ Portée, ce qui vous permet d'entrer le sélecteur CSS approprié. Cela peut être un sélecteur simple tel qu'une classe ou un ID, ou un chemin de sélecteur. Si vous utilisez des IDs CSS, assurez-vous de commencer l'ID avec un #. Pour un nom de classe CSS, commencez par un point(.). Exemples : #monidname ou .monnomdeclasse. Pour plus d'informations, consultez Processus de sélecteur CSS. |
| Éléments présents sur la page | Cochez tout ce qui s'applique. Décochez la case cochée pour la désélectionner, selon vos besoins. La case à cocher Formulaires est sélectionnée par défaut. Cela vous permet de cibler ou d'ignorer des types spécifiques d'éléments et leurs règles d'accessibilité et points de contrôle associés pour limiter ce qui est testé. |
| Instructions | Tapez toutes instructions textuelles détaillées qui sont importantes pour que le testeur comprenne avant de tester la page (par exemple, des informations spécifiques nécessaires pour accéder et/ou exposer les éléments de la page à tester). Remarque : Sélectionnez et faites glisser le coin inférieur droit de la zone de texte pour l'agrandir lorsque vous avez besoin de plus d'espace pour le champ. |
Avant de commencer: Cette procédure suppose que vous ajoutez une page à un nouveau cas de test que vous êtes en train de créer, cependant, elle s'applique également à l'ajout d'une nouvelle page à un cas de test existant en le modifiant. Si vous souhaitez ajouter une page à un nouveau cas de test, vous devez d'abord initier le processus de création d'un nouveau cas de test. Pour plus d'informations, voir Création d'un nouveau cas de test. Pour ajouter une page à un cas de test existant, sélectionnez Modifier le cas de test dans la colonne Actions sur la page Cas de test. Pour plus d'informations, voir Modification d'un cas de test. La formulaire Modifier le Cas de Test (boîte de dialogue) est identique au Nouveau Cas de Test, sauf qu'il dispose déjà de champs remplis et qu'au moins une page est déjà ajoutée.
Travailler avec des pages existantes:
Si vous avez importé en masse des composants communs et des pages à l'aide d'une méthode d'importation de fichier CSV dans la page Détails, vous pouvez trouver des pages existantes sur le côté droit de la page. Pour savoir comment modifier des pages, lisez le sujet Modification des pages. Pour réorganiser les pages, lisez le sujet Réorganisation des pages. Pour supprimer la page, lisez le sujet Suppression d'une page.
Pour ajouter une page à un cas de test:
-
Sur la page Nouveau Cas de Test, activez le bouton Add page à droite de l'étiquette du champ Pages.
La boîte de dialogue Ajouter une page s’ouvre dans une nouvelle fenêtre tandis que la page Nouveau cas de test reste en arrière-plan. - Tapez le nom de la page à tester dans le Name champ.
- Tapez (ou collez) l’adresse de la page (Uniform Resource Locator) dans le URL champ. Note: Ce champ doit contenir une URL valide avec le préfixe de protocole approprié.
-
Dans le Scope champ, sélectionnez soit l’option de bouton radio Whole page ou Page area selon votre choix.
Page Area Note: Lorsque l’option Page area est sélectionnée, le champ Selector apparaît sous le champ Portée, ce qui vous permet de saisir un chemin de sélecteur CSS définissant l’élément contenant la zone de la page. Pour plus d’informations, voir Processus de sélection CSS.
-
Remplissez les champs optionnels Elements et Instructions , si vous le souhaitez.
- Dans le Element:, cochez les éléments souhaités que vous voulez tester (Formulaires, Vidéo, Audio, CAPTCHA et/ou contenu clignotant). Par défaut, la case Forms est cochée. Décochez la case cochée pour la désélectionner si vous le souhaitez. Ceux-ci représentent des éléments qui pourraient exister sur la page et qui ont un ou plusieurs points de contrôle associés. Deselecting Means Not Applicable: Le champ Éléments de la boîte de dialogue Ajouter une page offre plusieurs cases à cocher qui représentent collectivement des éléments moins courants sur la plupart des pages. En laissant l’une de ces cases non cochée, vous indiquez à axe Auditor d’ignorer l’exécution des règles relatives à ces éléments sur la page en cours de test, et d’assigner automatiquement aux tests des points de contrôle associés un résultat 'Non Applicable'. Bien que vos sélections soient faites ici initialement, elles apparaissent plus tard lorsque l’exécution d’un test est démarrée et que le test automatisé est initié sur l’écran Préparer une page pour le test automatisé, où il sera possible d’effectuer des modifications "à la volée" à ces sélections.
- Dans le Instructions champ, tapez tout texte de note d’instruction pertinent à la page, au composant ou au contenu à tester. C’est le champ approprié pour enregistrer les détails de connexion nécessaires pour accéder à la page à tester. Les instructions que vous saisissez ici sont affichées dans le champ Étape 2 sur l’écran Préparer une page pour les tests automatisés et manuels comme rappel pour s’assurer que la page est correctement accédée avant le début du test.
-
Activez le bouton Add Page .
Après l’ajout, la boîte de dialogue Ajouter une page se ferme et l’écran Nouveau cas de test : Pages (Étape 3 sur 3) affiche un message 'page créée avec succès' en haut à droite, et chaque page que vous ajoutez apparaît en tant qu’élément dans la section Pages définies du panneau Pages avec un Page Name link qui vous permet d’éditer la page dans la boîte de dialogue Modifier la page, et un red X icon qui vous permet de supprimer la page.
Remarque sur le réordonnancement: À ce stade, vous pouvez réaliser que vous souhaitez que les pages ajoutées apparaissent dans un ordre différent. C’est possible en utilisant l’icône "dragon" - un bouton "prendre" ou "déplacer" avec des flèches vers le bas et vers le haut apparaissant à droite de chaque ligne de page ajoutée dans le tableau de la section Pages définies. Pour plus d’informations, voir Réorganiser les pages.
Étape suivante :
Après avoir créé un cas de test, une étape logique suivante est de créer une Exécution de Test, qui peut être initiée depuis l’écran Cas de Test.