Ajouter des pages
Il est nécessaire d'ajouter au moins une page à un cas de test pour créer un nouveau cas de test. Une page représente la page individuelle ou un contenu unique spécifique à la page dans un cas de test que vous souhaitez tester en matière d'accessibilité. Cela peut être une page web entière ou une partie d'une page (par exemple, une fenêtre modale). 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 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 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.
Nouvel cas de test : Pages (Étape 3 sur 3) écran > Boîte de dialogue Ajouter une page - Descriptions d'utilisation des champs
| Champ | Description de l'utilisation |
|---|---|
| Nom | Requis. Il s'agit généralement du titre de la page ou du nom d'une zone spécifique de la page qui est un texte court pour identifier de manière unique ce qui est ciblé 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 | Requis. Tapez l'Uniform Resource Locator sous forme de nom de domaine pleinement 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 d'une 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 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 par un #. Pour un nom de classe CSS, commencez par un point ou une virgule (. ). Exemples : #monNomId ou .monNomClasse. Pour plus d'informations, voir Processus de sélection 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, si désiré. La case Formulaires est coché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é 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 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 zone de texte pour l'élargir lorsque plus d'espace est nécessaire. |
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, mais 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 lancer le processus de création d'un nouveau cas de test. Pour plus d'informations, voir Créer 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 Modifier un cas de test. Le formulaire Modifier le cas de test (boîte de dialogue) est identique à Nouvel cas de test, à l'exception 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 communs et des pages en utilisant une méthode de téléchargement de fichier CSV dans la page Détails, vous pouvez trouver les pages existantes sur le côté droit de la page. Pour savoir comment modifier des pages, lisez le sujet Modifier les pages. Pour réorganiser les pages, lisez le sujet Réorganiser les pages. Pour supprimer la page, lisez le sujet Supprimer une page.
Pour ajouter une page à un cas de test :
-
Sur la page Nouvel cas de test, activez le Add page bouton à droite de l'étiquette de champ Pages.
La boîte de dialogue Ajouter une page s'affiche dans une nouvelle fenêtre tandis que la page Nouvel 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 être une URL valide avec le préfixe de protocole approprié.
-
Dans le Scope champ, sélectionnez soit le Whole page ou Page area option de bouton radio selon votre désir.
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 de sélection CSS.
-
Remplissez le Elements et Instructions champs, si désiré.
- 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 Forms case est sélectionnée. Décochez la case cochée pour la désélectionner si désiré. 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 propose plusieurs cases à cocher qui représentent collectivement des éléments moins courants sur la plupart des pages. Lorsque vous en laissez une quelconque non cochée, cela indique à axe Auditor d'ignorer l'exécution des règles associées à ces éléments sur la page en test, et d'attribuer automatiquement un résultat 'Non applicable' aux tests de points de contrôle associés. Bien que vos sélections soient effectuées ici initialement, elles apparaissent plus tard lorsqu'une Exécution de test est lancée et que des tests automatisés sont initiés sur l'écran Préparer une page pour les tests automatisés, où il sera possible d'apporter des modifications "en temps réel" à ces sélections.
- Dans le Instructions champ, tapez toute note d'instruction pertinente à 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 entrez ici s'affichent 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 accessible avant le début des tests.
-
Activez le Add Page bouton.
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 une page, et un red X icon qui vous permet de supprimer la page.
Note de réorganisation : À ce stade, vous pouvez vous rendre compte 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 le tableau de la section Pages définies. Pour plus d'informations, voir Réorganiser les pages.
Prochaine étape :
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 à partir de l'écran Cas de test.