Ajout de pages
Ajouter 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 unique dans 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 de page (par exemple, un modal). 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 pour cette page. Actuellement, l'exigence minimale est de 1 page, et bien qu'il n'y ait techniquement aucun nombre maximum de pages autorisé, nous recommandons de ne pas en ajouter plus de 30 pour garantir l'efficacité.
Ce tableau répertorie chaque champ dans la boîte de dialogue Ajouter une Page dans la colonne de gauche, avec une description de l'utilisation de chaque champ dans la colonne de droite.
Nouvel Cas de Test : Pages (Étape 3 sur 3) écran > Boîte de dialogue Ajouter une Page - Descriptions des champs d'utilisation
| 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, représentant 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 | Obligatoire. Entrez le Localisateur de Ressource Uniforme comme un nom de domaine entièrement 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 la page entière, 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 avec un #. Pour un nom de classe CSS, commencez par un point ou un arrêt complet (.). Exemples : #monidnom 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 et points de contrôle d'accessibilité associés 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 requises 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 boîte de texte pour l'agrandir vers l'extérieur 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 voulez 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, consultez 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, consultez Modification d'un Cas de Test. Le formulaire Modifier le Cas de Test (boîte de dialogue) est identique à Nouveau Cas de Test, à l'exception du fait qu'il contient déjà des champs remplis et au moins une page déjà ajoutée.
Travailler avec des pages existantes:
Si vous avez importé en masse des composants communs et des pages en utilisant une méthode de téléchargement 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 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'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 champ ", "context": "inside
- Name . ", "context": "inside
- Tapez (ou collez) l'adresse de la page (Localisateur Uniforme de Ressource) dans le champ ", "context": "inside
- URL . ", "context": "inside
- Note: Ce champ doit contenir une URL valide avec le préfixe de protocole approprié.
- Dans le champ ", "context": "inside
- Scope , sélectionnez soit l'option de bouton radio ", "context": "inside
- Whole page ou ", "context": "inside
- Page area selon vos besoins. ", "context": "inside
- Page Area Note: Lorsque l'option ", "context": "inside
- Page area est sélectionnée, le champ ", "context": "inside
- Selector apparaît sous le champ Étendue, ce qui vous permet d'entrer un chemin de sélecteur CSS qui définit l'élément contenant la zone de la page. Pour plus d'informations, voir ", "context": "inside
- Processus de Sélecteur CSS", "context": "inside . ", "context": "inside
-
- Remplissez les champs facultatifs ", "context": "inside
- Elements et ", "context": "inside
- Instructions , si vous le souhaitez. ", "context": "inside
-
- Dans le champ ", "context": "inside
- 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 ", "context": "inside
- Forms est cochée. Décochez la case cochée pour la désélectionner si vous le désirez. Cela représente des éléments qui pourraient exister sur la page et qui ont un ou plusieurs points de contrôle associés. ", "context": "inside
- Deselecting Means Not Applicable: Le champ Éléments de la boîte de dialogue Ajouter une page fournit plusieurs cases à cocher qui représentent collectivement des éléments moins courants sur la plupart des pages. Lorsque vous laissez l'une d'elles décochée, cela indique à axe Auditor d'ignorer l'exécution des règles associées qui s'appliquent à ces éléments sur la page testée, et d'affecter automatiquement aux tests de points de contrôle associés un résultat "Non applicable". Bien que vos sélections soient faites initialement ici, elles apparaîtront plus tard lorsqu'un éxécution de test est lancée et qu'un test automatisé est initié sur l'écran Préparation d'une page pour les tests automatisés, où il sera possible de modifier ces sélections "à la volée". ", "context": "inside
- Dans le champ ", "context": "inside
- Instructions , tapez tout texte de note d'instruction pertinent à la page, composant ou contenu à tester. C'est le champ approprié dans lequel enregistrer les détails de connexion nécessaires pour accéder à la page à tester. Les instructions que vous entrez ici sont affichées dans le champ Étape 2 sur l'écran Préparation d'une page pour les tests automatisés et manuels comme rappel pour garantir que la page est correctement accédée avant le lancement des tests. ", "context": "inside
- Add another page pour afficher automatiquement une nouvelle fenêtre de formulaire Ajouter une page vide lors de l'enregistrement. ", "context": "inside
- Activez le bouton ", "context": "inside
- Add Page . ", "context": "inside
-
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 ",
"context": "inside - Page Name link qui vous permet de modifier la page dans la boîte de dialogue Modifier la page, et un ", "context": "inside
- red X icon qui vous permet de supprimer la page. ", "context": "inside
-
Remarque sur le réordonnancement", "context": "strong text: À ce stade, vous pouvez réaliser que vous souhaitez que les pages ajoutées apparaissent dans un ordre différent. Cela est possible en utilisant l'icône "dragon" - un bouton "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 la table de la section Pages définies. Pour plus d'informations, voir ", "context": "paragraph Réorganisation des pages", "context": "link text.", "context": "paragraph
Prochaine étape :", "context": "heading level 2
Après avoir créé un cas de test, la prochaine étape logique est de créer une exécution de test, qui peut être initiée depuis l'écran Cas de test.", "context": "paragraph

