Ajout de Pages
L'ajout d'au moins une page à un cas de test est requis pour créer un nouveau cas de test. Une Page représente la page individuelle ou le contenu spécifique à une page à l'intérieur d'un cas de test que vous souhaitez tester pour l'accessibilité. Il peut s'agir d'une page Web complète ou d'une partie d'une page (par exemple, une 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, l'exigence minimale est d'une page, et bien qu'il n'y ait techniquement pas de nombre maximum de pages autorisé, nous recommandons de ne pas en ajouter plus de 30 pour assurer l'efficacité.
Ce tableau liste chaque champ dans la boîte de dialogue Ajouter une Page dans la colonne de gauche, avec une description d'utilisation de chacun dans la colonne de droite.
Nouvel Cas de Test : Pages (Étape 3 sur 3) écran > Boîte de dialogue Ajouter une Page - Descriptions d'Utilisation des Champs
| Champ | Description d'Utilisation |
|---|---|
| Nom | Requis. 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 ciblé pour la conformité à l'accessibilité. Le nombre maximum de caractères que vous pouvez entrer dans ce champ est de 150. |
| URL | Requis. Tapez l'Uniform Resource Locator en tant que nom de domaine entièrement qualifié de la page, du site ou de l'application à tester pour l'accessibilité. |
| Portée | Sélectionnez le bouton radio Page entière pour cibler toute 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 de saisir le sélecteur CSS approprié. Cela peut être un sélecteur simple comme une classe ou un ID, ou un chemin de sélecteur. Si vous utilisez des IDs CSS, assurez-vous de commencer l'ID par un #. Pour un nom de classe CSS, commencez par un point (.) . Exemples : #monid ou .maclasse. Pour plus d'informations, voir 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 les besoins. La case 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 et points de contrôle d'accessibilité associées pour limiter ce qui est testé. |
| Instructions | Tapez toutes les 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'élargir lorsque vous avez besoin de plus d'espace. |
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 des Cas de Test. Pour plus d'informations, voir Modification d'un Cas de Test. Le formulaire Modifier le Cas de Test (boîte de dialogue) est identique au Nouveau Cas de Test, sauf qu'il a déjà des champs remplis et au moins une page déjà ajoutée.
Travailler avec les pages existantes:
Si vous avez importé en masse des composants et des pages communs en utilisant une méthode de téléchargement de fichier CSV sur la page Détails, vous pourrez trouver des pages existantes sur le côté droit de la page. Pour savoir comment éditer les 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 Add page bouton à droite de l'étiquette du champ Pages.
La boîte de dialogue Ajouter une page s'affiche dans une nouvelle fenêtre tandis que la page Nouveau cas de test reste en arrière-plan. - Saisissez le nom de la page à tester dans le Name champ.
- Tapez (ou collez) l'adresse de la page (Localisateur de Ressource Uniforme) dans le URL champ. Note: Ce champ doit être 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 préférence.
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 qui définit l'élément contenant la zone de la page. Pour plus d'informations, voir Processus du sélecteur CSS.
-
Remplissez les champs optionnels Elements et Instructions , si vous le souhaitez.
- Dans le Element:, cochez les éléments souhaités que vous souhaitez 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. Cela représente les é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 propose plusieurs cases à cocher qui, collectivement, représentent des éléments moins courants sur la plupart des pages. Lorsque vous laissez l'une de ces cases décochées, cela indique à axe Auditor d'ignorer l'exécution des règles qui s'appliquent à ces éléments sur la page testée et d'attribuer automatiquement aux tests de 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 le déroulement du test est lancé et que les tests automatisés sont initiés sur l'écran Préparer la page pour le test automatisé, où il sera possible de faire des modifications "à la volée" à ces sélections.
- Dans le Instructions champ, tapez tout texte de consigne pertinent lié à 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 s'affichent dans le champ Étape 2 à l'écran Préparer une page pour les tests automatisés et manuels comme rappel pour vous assurer que la page est correctement accessible avant l'initiation des tests.
-
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 comme un élément dans la section Pages définies du panneau Pages avec un Page Name link qui vous permet de modifier 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 vous rendre compte que vous aimeriez que les pages ajoutées apparaissent dans un ordre différent. Cela est possible en utilisant l'icône "dragon" - un bouton de "saisir" 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éordonner les pages.
Étape suivante :
Après avoir créé un cas de test, la prochaine étape logique est de créer un déroulement de test, qui peut être initié depuis l'écran Cas de Test.