|
|
|
# Guide utilisateur Tanaguru2020-wepapp (avril 2023)
|
|
|
|
# Guide utilisateur Tanaguru2020-webapp
|
|
|
|
|
|
|
|
Sommaire:
|
|
|
|
- [Connexion](#connexion)
|
|
|
|
- [Entête de page](#entête-de-page)
|
|
|
|
- [Tableau de bord](#tableau-de-bord)
|
|
|
|
- [Gestion du contrat](#gestion-du-contrat)
|
|
|
|
- [Information sur le contrat (administration)](#information-sur-le-contrat-administration)
|
|
|
|
- [Configuration d’un contrat](#configuration-dun-contrat)
|
|
|
|
- [Gestion des utilisateurs d’un contrat](#gestion-des-utilisateurs-dun-contrat)
|
|
|
|
- [Gestion des projets dans un contrat](#gestion-des-projets-dans-un-contrat)
|
|
|
|
- [Gestion d'un projet](#gestion-dun-projet)
|
|
|
|
- [Créer un projet](#créer-un-projet)
|
|
|
|
- [Configuration d’un projet](#configuration-dun-projet)
|
|
|
|
- [Archives d’un projet](#archives-dun-projet)
|
|
|
|
- [Détail d’un projet](#détail-dun-projet)
|
|
|
|
- [Utilisateurs du projet](#utilisateurs-du-projet)
|
|
|
|
- [Gestion d'un audit](#gestion-dun-audit)
|
|
|
|
- [Lancer un audit](#lancer-un-audit)
|
|
|
|
- [La définition de l'audit](#la-définition-de-laudit)
|
|
|
|
- [Suivre le lancement d'un audit (détail de l'audit)](#suivre-le-lancement-dun-audit-détail-de-laudit)
|
|
|
|
- [Le résultat détaillé d'un audit](#le-résultat-détaillé-dun-audit)
|
|
|
|
- [Glossaire](#glossaire)
|
|
|
|
|
|
|
|
## Connexion
|
|
|
|
|
|
|
|
La connexion au service se fait via la page de connexion
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page est composée de 2 champs de formulaire « votre identifiant » et « votre mot de passe ».
|
|
|
|
Puis d’un bouton « se connecter ».
|
| ... | ... | @@ -14,7 +37,7 @@ Il est également possible d'utiliser le SSO dans votre organisation |
|
|
|
|
|
|
|
## Entête de page
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans l’entête de Tanaguru 2020 vous retrouvez plusieurs informations:
|
|
|
|
|
| ... | ... | @@ -28,7 +51,7 @@ Dans l’entête de Tanaguru 2020 vous retrouvez plusieurs informations: |
|
|
|
|
|
|
|
## Tableau de bord
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Le tableau de bord permet d'avoir une vision synthétique de vos projets.
|
|
|
|
Il contient :
|
| ... | ... | @@ -43,7 +66,7 @@ Il contient : |
|
|
|
|
|
|
|
### Détail d'un projet dans la vue du tableau de bord
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Pour chaque projet, nous avons lees informations suivantes :
|
|
|
|
|
| ... | ... | @@ -66,9 +89,80 @@ Pour chaque projet, nous avons lees informations suivantes : |
|
|
|
* Un rappel des différents types de résultats
|
|
|
|
- Et à nouveau un lien vers les archives du projet.
|
|
|
|
|
|
|
|
## Créer un projet
|
|
|
|
## Gestion du contrat
|
|
|
|
|
|
|
|
### Information sur le contrat (administration)
|
|
|
|
En cliquant sur le lien administration dans le menu principal, vous accédez aux informations sur votre contrat et les contrats auxquels vous avez été ajoutés.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ces informations sont composées :
|
|
|
|
- Du nom de votre contrat
|
|
|
|
- De sa date de fin
|
|
|
|
- D’un lien vers la configuration des contrats.
|
|
|
|
|
|
|
|
### Configuration d’un contrat
|
|
|
|
Accessible depuis la page de gestion des contrats ou depuis le « nom du contrat » dans le tableau de bord, cette page de configuration permet :
|
|
|
|
- D’avoir le détail sur un contrat
|
|
|
|
- De gérer les utilisateurs d’un contrat
|
|
|
|
- Créer un nouveau projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Le détail d’un contrat permet d’afficher :
|
|
|
|
- Le nom du contrat
|
|
|
|
- Le propriétaire du contrat
|
|
|
|
- La date de création du contrat
|
|
|
|
- La date de fin du contrat
|
|
|
|
|
|
|
|
### Gestion des utilisateurs d’un contrat
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’onglet gestion du contrat permet de :
|
|
|
|
- Ajouter un utilisateur au contrat
|
|
|
|
* Renseigner le nom d’un utilisateur existant dans le champ
|
|
|
|
* Activer le bouton « ajouter un utilisateur
|
|
|
|
* Renseigner le nom d’un utilisateur existant dans le champ
|
|
|
|
* Activer le bouton « ajouter un utilisateur
|
|
|
|
* L’utilisateur est ajouté dans le tableau qui suit le bouton « ajouter un utilisateur
|
|
|
|
- Lister les utilisateurs du contrat dans un tableau qui contient
|
|
|
|
* Le nom des utilisateurs
|
|
|
|
* Leur rôle dans le contrat
|
|
|
|
* Contract owner : propriétaire du contrat (unique)
|
|
|
|
* Contract manager : manager du contrat
|
|
|
|
* Contract user : utilisateur du contrat
|
|
|
|
* Contract guest : invité du contrat
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat permet à celui-ci en fonction de son rôle de consulter le contrat, d’y ajouter des membres, d’y créer des projets et d’y lancer des audits.
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat est la première étape pour gérer ses droits dans les projets.
|
|
|
|
|
|
|
|
### Gestion des projets dans un contrat
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Si votre rôle le permet, l’onglet « projet(s) du contrat » vous permet de :
|
|
|
|
- Créer un nouveau projet dans le contrat, il est alors nécessaire de :
|
|
|
|
* D’ajouter un nom de projet
|
|
|
|
* D’ajouter un domaine associé au projet (http://www.website.com/)
|
|
|
|
* Activer le bouton créer pour créer le projet.
|
|
|
|
* Le projet est ajouté dans le tableau sous le bouton « créer »
|
|
|
|
- Lister les projets du contrat dans un tableau qui contient
|
|
|
|
* Le Nom du projet
|
|
|
|
* Un lien vers la gestion du projet
|
|
|
|
* Un lien vers les archives du projet
|
|
|
|
* Un lien pour supprimer le projet dans le contrat.
|
|
|
|
|
|
|
|
## Gestion d'un projet
|
|
|
|
|
|
|
|
### Créer un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Il est possible de créer des projets depuis le tableau de bord en validant le bouton « Nouveau Projet »
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Un projet est créé dans un contrat dans lequel l'utilisateur à un rôle de propriétaire (Contract Owner).
|
|
|
|
|
| ... | ... | @@ -92,11 +186,68 @@ Pour chacun des projets : |
|
|
|
|
|
|
|
La suppression devra être confirmée avant la suppression définitive du projet :
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Lancer un audit :
|
|
|
|
### Configuration d’un projet
|
|
|
|
|
|
|
|
|
|
|
|
Accessible depuis la page de gestion des projets ou depuis le « nom du projet » dans le tableau de bord, cette page de configuration permet :
|
|
|
|
- D’avoir le détail sur un projet
|
|
|
|
- De gérer les utilisateurs d’un contrat
|
|
|
|
|
|
|
|
### Archives d’un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page des archives permet :
|
|
|
|
- D’accéder via des liens rapides aux audits de page, audits de sites, audits de fichier et audits de scénario.
|
|
|
|
- De lister les différents audits réalisés dans les projets
|
|
|
|
* Nom de l’audit
|
|
|
|
* Statut Nom de l’audit
|
|
|
|
* Statut de l’audit
|
|
|
|
* Nombre de pages dans l’audit
|
|
|
|
* Date de fin de l’audit
|
|
|
|
* D’accéder à une liste d’actionsut de l’audit
|
|
|
|
* Nombre de pages dans l’audit
|
|
|
|
* Date de fin de l’audit
|
|
|
|
* D’accéder à une liste d’actions
|
|
|
|
* Voir l’audit
|
|
|
|
* Supprimer l’audit.
|
|
|
|
|
|
|
|
### Détail d’un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’onglet d’information du projet permet d’afficher :
|
|
|
|
- Le nom du contrat associé
|
|
|
|
- Le nom de domaine associé au projet
|
|
|
|
- Un lien pour modifier le projet
|
|
|
|
- Un lien vers la page de lancement d’un audit
|
|
|
|
- Un lien vers les archives du projet
|
|
|
|
|
|
|
|
### Utilisateurs du projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page utilisateur du projet permet d’ajouter un utilisateur du contrat à un projet. L’ajout de l’utilisateur est donc une étape préalable à celle-ci (et dépend de votre droit dans le contrat)
|
|
|
|
Cette page permet :
|
|
|
|
- D’ajouter un utilisateur à un projet
|
|
|
|
* Un champ de sélection des utilisateurs du contrat
|
|
|
|
* Un bouton « ajouter un utilisateur »
|
|
|
|
* L’utilisateur est ajouté au tableau sous le bouton « ajouter un utilisateur ».
|
|
|
|
- La liste des utilisateurs du projet
|
|
|
|
* Nom de l’utilisateur
|
|
|
|
* Son rôle dans le projet
|
|
|
|
* Project Manager : Manager du projet
|
|
|
|
* Project User : utilisateur du projet
|
|
|
|
* Project Guest : invité du projet
|
|
|
|
* Un lien pour voir les détails d’un projet
|
|
|
|
* Un lien pour supprimer l’utilisateur dans le projet.
|
|
|
|
|
|
|
|
## Gestion d'un audit
|
|
|
|
|
|
|
|
### Lancer un audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Le haut de la page de lancement d'un audit comporte :
|
|
|
|
|
| ... | ... | @@ -114,24 +265,22 @@ Le reste de la page est définie en plusieurs parties : |
|
|
|
- Le choix du navigateur utilisé pour l'audit
|
|
|
|
- La possibilité de renseigner les informations liées à la sécurité (htaccess)
|
|
|
|
|
|
|
|
## La définition de l'audit
|
|
|
|
### La définition de l'audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- Cette partie permet de choisir le type d'audit à réaliser (bouton radio) :
|
|
|
|
* Audit de page
|
|
|
|
* Audit de site
|
|
|
|
* Audit de fichier
|
|
|
|
* Audit de scénario
|
|
|
|
|
|
|
|
- Il est également nécessaire de donner un nom à l'audit (nom généré par défaut, mais modifiable)
|
|
|
|
|
|
|
|
- Puis de préciser s'il est nécessaire ou non de réaliser des captures d'écran pendant l'audit
|
|
|
|
|
|
|
|
## Configuration de l'audit en fonction de son type
|
|
|
|
### Configuration de l'audit de page
|
|
|
|
#### Configuration de l'audit en fonction de son type
|
|
|
|
##### Configuration de l'audit de page
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'audit de page permet de réaliser l'audit d'une page ou d'ensemble de pages.
|
|
|
|
|
| ... | ... | @@ -142,11 +291,11 @@ En fonction du choix de l'audit : |
|
|
|
- "Saisie libre"
|
|
|
|
* Il est nécessaire de fournir une liste de page séparée par un point-virgule. (voir la capture ci-dessous)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Configuration de l'audit de site
|
|
|
|
##### Configuration de l'audit de site
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'audit de site permet de réaliser l'audit en parcourant automatiquement les pages de votre site (pages accessibles sans identification à un service).
|
|
|
|
|
| ... | ... | @@ -164,9 +313,9 @@ Pour réaliser un audit de site, il est nécessaire de fournir les informations |
|
|
|
|
|
|
|
**Lorsque l'url racine du projet est sous forme de sous dossier, il faudra ajouter dans le champs "inclusion des URL contenant" une valeur comme ceci : `https://domain\.com/website1/.*`. Afin de s'assurer que le crawler reste bien dans le sous dossier "website1".**
|
|
|
|
|
|
|
|
### Configuration de l'audit d'un fichier
|
|
|
|
##### Configuration de l'audit d'un fichier
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'audit de fichier permet de réaliser l'audit de ficchier HTML.
|
|
|
|
|
| ... | ... | @@ -178,16 +327,18 @@ Il est nécessaire de : |
|
|
|
- Sélectionner le fichier à auditer
|
|
|
|
* En sélectionnat le bouton radio correspondant
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Configuration de l'audit de scénario
|
|
|
|
##### Configuration de l'audit de scénario
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'audit de scénario permet d'audit des services web, des parcours d'achat ou des pages accessibles uniquement à des utilisateurs connectés.
|
|
|
|
|
|
|
|
Tanaguru 2020 utilise des scénarios ayant pour extension .side générés par les extensions chrome ou Firefox "Slénium IDE" :
|
|
|
|
Tanaguru 2020 utilise des scénarios ayant pour extension .side ou .json générés par les extensions "Sélénium IDE" (extension plus maintenue) ou "UI Vision" :
|
|
|
|
|
|
|
|
- [UI Vision - Chrome Web Store](https://chromewebstore.google.com/detail/uivision/gcbalfbdmfieckjlnblleoemohcganoc)
|
|
|
|
- [UI Vision - Get this extension for Firefox (en-US)](https://addons.mozilla.org/en-US/firefox/addon/rpa/)
|
|
|
|
- [Selenium IDE - Chrome Web Store](https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd?hl=en)
|
|
|
|
- [Selenium IDE - Get this extension for Firefox (en-US)](https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/)
|
|
|
|
|
| ... | ... | @@ -195,13 +346,15 @@ Il est nécessaire de : |
|
|
|
|
|
|
|
- Fixer le nom du scénario à tester
|
|
|
|
- Sélectionner le fichier avec l'extension .side depuis votre ordinateur avec le bouton "choisir un fichier"
|
|
|
|
- Ajouter le fichier dans la liste des scénariios téléchargés (voir capture ci-dessous) en activant le bouton "ajouter"
|
|
|
|
- Ajouter le fichier dans la liste des scénarios téléchargés (voir capture ci-dessus) en activant le bouton "ajouter"
|
|
|
|
- Sélectionner le fichier à auditer
|
|
|
|
* En sélectionnant le bouton radio correspondant
|
|
|
|
|
|
|
|
## Le choix du ou des référentiels
|
|
|
|
Pour plus de détails sur les scénarios, lisez la documentation dédiée : [écrire un scénario d'audit](écrire-un-scenario-daudit).
|
|
|
|
|
|
|
|
#### Le choix du ou des référentiels
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans Tanaguru 2020, il est possible de sélectionner un ou plusieurs référentiels lors de l'exécution d'un audit.
|
|
|
|
|
| ... | ... | @@ -212,25 +365,25 @@ Il est nécessaire de choisir : |
|
|
|
* De la date de la mise à jour du référentiel
|
|
|
|
- Un référentiel de référence (donnée utilisée pour remonter les scores dans le tableau de bord)
|
|
|
|
|
|
|
|
# Le choix de la résolution de la fenêtre d'audit
|
|
|
|
#### Le choix de la résolution de la fenêtre d'audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans Tanaguru 2020, il est possible de définir la résolution de l'écran, mais également de lancer l'audit selon plusieurs résolutions (correspondantes aux "points de rupture" de votre application).
|
|
|
|
|
|
|
|
Il est nécessaire de choisir à minima une résolution (par défaut 1920) et de choisir une ou plusieurs autres résolutions. L'ajout de résolution peut se faire par l'appui sur le bouton "ajouter un point de rupture".
|
|
|
|
|
|
|
|
# La gestion de temps d'attente avant audit
|
|
|
|
#### La gestion de temps d'attente avant audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Lorsque les sites ou les applications sont développés avec des Framework JS (angular JS, React), le chargement de la page se fait dynamiquement, chargement de la base du dom puis des événements JS. Tanaguru peut alors auditer uniquement la base du dom.
|
|
|
|
|
|
|
|
En fixant un "temps d'attente" plus long, il est alors possible de décaler le lancement de l'audit "après" le chargement du contenu.
|
|
|
|
|
|
|
|
# Le choix du navigateur
|
|
|
|
#### Le choix du navigateur
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans Tanaguru 2020, il est maintenant possible de choisir le navigateur qui servira à récupérer le HTML généré.
|
|
|
|
|
| ... | ... | @@ -239,29 +392,29 @@ Il est alors nécessaire de choisir par les navigateurs suivants: |
|
|
|
- Google Chrome
|
|
|
|
- Mozilla Firefox
|
|
|
|
|
|
|
|
## La gestion des Htaccess
|
|
|
|
#### La gestion des Htaccess
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans Tanaguru 2020 il est maintenant possible de gérer la sécurité des pages protégées dans Gtaccess dans la configuration de l'audit.
|
|
|
|
|
|
|
|
Pour cela il est nécessaire de remplir les champs utilisateur, Mot de passe. Si la page de connexion n'est pas incluse dans les pages à tester (renseignées en section 2), il est nécessaire également de remplir le champ URL.
|
|
|
|
|
|
|
|
## Suivre le lancement d'un audit (détail de l'audit)
|
|
|
|
### Systèmes d'onglets
|
|
|
|
### Suivre le lancement d'un audit (détail de l'audit)
|
|
|
|
#### Systèmes d'onglets
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
A l'initialisation de l'audit, seul l'onglet logs est disponible.
|
|
|
|
|
|
|
|
L'onglet synthèse est uniquement affiché à la fin de l'audit.
|
|
|
|
|
|
|
|
# Onglet logs
|
|
|
|
## Statut de l'audit
|
|
|
|
#### Onglet logs
|
|
|
|
##### Statut de l'audit
|
|
|
|
|
|
|
|
<img src="images/statutaudit1.png"/>
|
|
|
|
<img src="images/statutaudit2.png"/>
|
|
|
|
<img src="images/statutaudit3.png"/>
|
|
|
|
<img alt="" src="images/statutaudit1.png"/>
|
|
|
|
<img alt="" src="images/statutaudit2.png"/>
|
|
|
|
<img alt="" src="images/statutaudit3.png"/>
|
|
|
|
|
|
|
|
Le statut de l'audit est stipulé à la fin du nom de l'audit. Ce statut à 4 valeurs:
|
|
|
|
|
| ... | ... | @@ -270,9 +423,9 @@ Le statut de l'audit est stipulé à la fin du nom de l'audit. Ce statut à 4 va |
|
|
|
- Terminé
|
|
|
|
- Erreur (si l'audit a échoué)
|
|
|
|
|
|
|
|
## Paramètre de l'audit
|
|
|
|
##### Paramètre de l'audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Les paramètres de l'audit sont une synthèse de l'ensemble des paramètres utilisés au lancement de l'audit:
|
|
|
|
|
| ... | ... | @@ -287,9 +440,9 @@ Les paramètres de l'audit sont une synthèse de l'ensemble des paramètres util |
|
|
|
- Résolutions de la page du webdriver
|
|
|
|
- Détails spécifiques aux types d'audits
|
|
|
|
|
|
|
|
## Liste des pages auditées
|
|
|
|
##### Liste des pages auditées
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Un audit comporte une ou plusieurs pages, voire une page dans plusieurs résolutions (spécifier par la mention_1920 dans la capture ci-dessus).
|
|
|
|
|
| ... | ... | @@ -305,18 +458,18 @@ Lorsque la liste des pages est supérieures à 10, la liste suivie est suivie d' |
|
|
|
|
|
|
|
Cette indication est suivie d'un bouton page suivante et d'un bouton d'accès à la dernière page.
|
|
|
|
|
|
|
|
## Historique des actions réalisées lors de l'audit
|
|
|
|
##### Historique des actions réalisées lors de l'audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'historique de l'audit est contitué de l'ensemble des actions réalisées par Tanaguru Engine pour lancer l'ensemble des actions.
|
|
|
|
|
|
|
|
Ces informations sont précieuses si jamais un audit échoue.
|
|
|
|
|
|
|
|
## Onglet Synthèse (lors d'un audit de plusieurs pages)
|
|
|
|
### La cartouche
|
|
|
|
#### Onglet Synthèse (lors d'un audit de plusieurs pages)
|
|
|
|
##### La cartouche
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La cartouche est constituée de plusieurs éléments:
|
|
|
|
|
| ... | ... | @@ -328,9 +481,9 @@ La cartouche est constituée de plusieurs éléments: |
|
|
|
- Le Tanaguru meter, ratio entre les tests validés et les tests invalidés (à l'échelle de l'éechantillon)
|
|
|
|
- Le nombre d'anomalies (nombre d'occurences des tests invalidés du référentiel)
|
|
|
|
|
|
|
|
### La vue d'ensemble de l'audit
|
|
|
|
##### La vue d'ensemble de l'audit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La vue d'ensemble de l'audit permet de mieux visualiser les typologies d'anomalies:
|
|
|
|
|
| ... | ... | @@ -342,9 +495,9 @@ La vue d'ensemble de l'audit permet de mieux visualiser les typologies d'anomali |
|
|
|
- Pour chaque typologie de résultats, le nombre de tests convernés
|
|
|
|
- La répartition des occurences d'anomalies par thématique du RGAA
|
|
|
|
|
|
|
|
### Le récapitulatif des pages auditées
|
|
|
|
##### Le récapitulatif des pages auditées
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ce récapitulatif permet d’avoir rapidement une vue des éléments invalidés.
|
|
|
|
|
| ... | ... | @@ -356,19 +509,19 @@ Dans les cellules la typologie de résultat selon le référentiel utilisé. On |
|
|
|
|
|
|
|
Les cellules sont cliquables et permettent d’afficher les détails du test
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Dans cet exemple, le test 1.1.2, le test est validé par un 34 éléments et invalidé par quatre autres dans la page.
|
|
|
|
|
|
|
|
Le statut général est affiché ainsi que le lien vers la règle concernée (page détaillée de l’audit contenant l’anomalie).
|
|
|
|
|
|
|
|
## Le résultat détaillé d'un audit
|
|
|
|
### Le résultat détaillé d'un audit
|
|
|
|
|
|
|
|
La page de résultat détaillé d'une page permet de voir le détail des anomalies de la page.
|
|
|
|
|
|
|
|
### Options d'affichage
|
|
|
|
#### Options d'affichage
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L'encart option d'affichage est constitué de plusieurs éléments:
|
|
|
|
|
| ... | ... | @@ -382,9 +535,9 @@ L'encart option d'affichage est constitué de plusieurs éléments: |
|
|
|
|
|
|
|
L'ensemble de ces options impactant dynamiquement les données de la page.
|
|
|
|
|
|
|
|
### La cartouche
|
|
|
|
#### La cartouche
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La cartouche est constituée de plusieurs éléments:
|
|
|
|
|
| ... | ... | @@ -399,9 +552,9 @@ La cartouche est constituée de plusieurs éléments: |
|
|
|
- Le Tanaguru meter, ratio entre les tests validés et les tests invalidés de la page. Attention le Tanaguru meter n'est disponible que dans la vue "référentiel".
|
|
|
|
- Le nombre d'anomalies (nombre d'occurences des tests invalidés du référentiel)
|
|
|
|
|
|
|
|
### La vue d'ensemble de l'audit de la page
|
|
|
|
#### La vue d'ensemble de l'audit de la page
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La vue d'ensemble de l'audit permet de mieux visualiser les typologies d'anomalies:
|
|
|
|
|
| ... | ... | @@ -415,10 +568,9 @@ La vue d'ensemble de l'audit permet de mieux visualiser les typologies d'anomali |
|
|
|
- Pour chaque typologie de résultats, le nombre de tests concernés
|
|
|
|
- La répartition des occurrences d'anomalie par thématique du RGAA
|
|
|
|
|
|
|
|
## Les résultats détaillés de l'audit
|
|
|
|
### Les résultats détaillés par anomalie
|
|
|
|
#### Les résultats détaillés par anomalie
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’affichage des résultats par anomalie s’affranchit de la structure des référentiels, cet affichage classe par typologie de résultat les informations :
|
|
|
|
- Non conforme
|
| ... | ... | @@ -428,7 +580,7 @@ L’affichage des résultats par anomalie s’affranchit de la structure des ré |
|
|
|
Dans la vue par anomalie les éléments non testés ne sont pas présents.
|
|
|
|
Pour chaque typologie de résultat, il est possible d’afficher les détails
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Donc dans chaque type de résultats, il est possible d’afficher les éléments invalidés
|
|
|
|
En affichant le détail du résultat de chaque test, nous avons donc plusieurs informations :
|
| ... | ... | @@ -441,9 +593,9 @@ En affichant le détail du résultat de chaque test, nous avons donc plusieurs i |
|
|
|
- L’élément qui invalide le test
|
|
|
|
- Le xpath ou le sélecteur CSS permettant d’identifier de façon unique l’élément.
|
|
|
|
|
|
|
|
### Les résultats détaillés par référentiel
|
|
|
|
#### Les résultats détaillés par référentiel
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’affichage selon le référentiel permet d’afficher les résultats de l’audit selon la structure du référentiel de référence (RGAA ou WCAG).
|
|
|
|
Thématique > Critères > tests puis pour chaque test, la liste des tests Tanaguru liés à chaque test du RGAA.
|
| ... | ... | @@ -457,166 +609,6 @@ En affichant le détail du résultat de chaque test Tanaguru, nous avons donc pl |
|
|
|
- L’élément qui invalide le test
|
|
|
|
- Le xpath ou le sélecteur CSS permettant d’identifier de façon unique l’élément.
|
|
|
|
|
|
|
|
## Accéder aux archives d’un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page des archives permet :
|
|
|
|
- D’accéder via des liens rapides aux audits de page, audits de sites, audits de fichier et audits de scénario.
|
|
|
|
- De lister les différents audits réalisés dans les projets
|
|
|
|
* Nom de l’audit
|
|
|
|
* Statut Nom de l’audit
|
|
|
|
* Statut de l’audit
|
|
|
|
* Nombre de pages dans l’audit
|
|
|
|
* Date de fin de l’audit
|
|
|
|
* D’accéder à une liste d’actionsut de l’audit
|
|
|
|
* Nombre de pages dans l’audit
|
|
|
|
* Date de fin de l’audit
|
|
|
|
* D’accéder à une liste d’actions
|
|
|
|
* Voir l’audit
|
|
|
|
* Supprimer l’audit.
|
|
|
|
|
|
|
|
## Créer un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Il est possible de créer des projets depuis le tableau de bord en validant le bouton « Nouveau Projet »
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page de configuration de votre « contrat » s’affiche et ouvre par défaut l’onglet « Projet(s) du contrat »
|
|
|
|
Cet Onglet permet de créer un nouveau projet dans votre « contrat »
|
|
|
|
Il est nécessaire de remplir les champs :
|
|
|
|
- Nom*
|
|
|
|
La création du projet est finalisée lors de l’appui sur le bouton « Créer »
|
|
|
|
|
|
|
|
Sous le formulaire se trouve un tableau contenant l’ensemble de vos projets.
|
|
|
|
Vous pouvez pour chaque projet :
|
|
|
|
- Voir le projet
|
|
|
|
- Accéder aux archives
|
|
|
|
- Supprimer le projet.
|
|
|
|
|
|
|
|
## Information sur le contrat (administration)
|
|
|
|
En cliquant sur le lien administration dans le menu principal, vous accédez aux informations sur votre contrat et les contrats auxquels vous avez été ajoutés.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ces informations sont composées :
|
|
|
|
- Du nom de votre contrat
|
|
|
|
- De sa date de fin
|
|
|
|
- D’un lien vers la configuration des contrats.
|
|
|
|
|
|
|
|
## Configuration d’un contrat
|
|
|
|
Accessible depuis la page de gestion des contrats ou depuis le « nom du contrat » dans le tableau de bord, cette page de configuration permet :
|
|
|
|
- D’avoir le détail sur un contrat
|
|
|
|
- De gérer les utilisateurs d’un contrat
|
|
|
|
- Créer un nouveau projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Le détail d’un contrat permet d’afficher :
|
|
|
|
- Le nom du contrat
|
|
|
|
- Le propriétaire du contrat
|
|
|
|
- La date de création du contrat
|
|
|
|
- La date de fin du contrat
|
|
|
|
|
|
|
|
## Gestion des utilisateurs d’un contrat
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’onglet gestion du contrat permet de :
|
|
|
|
- Ajouter un utilisateur au contrat
|
|
|
|
* Renseigner le nom d’un utilisateur existant dans le champ
|
|
|
|
* Activer le bouton « ajouter un utilisateur
|
|
|
|
* Renseigner le nom d’un utilisateur existant dans le champ
|
|
|
|
* Activer le bouton « ajouter un utilisateur
|
|
|
|
* L’utilisateur est ajouté dans le tableau qui suit le bouton « ajouter un utilisateur
|
|
|
|
- Lister les utilisateurs du contrat dans un tableau qui contient
|
|
|
|
* Le nom des utilisateurs
|
|
|
|
* Leur rôle dans le contrat
|
|
|
|
* Contract owner : propriétaire du contrat (unique)
|
|
|
|
* Contract manager : manager du contrat
|
|
|
|
* Contract user : utilisateur du contrat
|
|
|
|
* Contract guest : invité du contrat
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat permet à celui-ci en fonction de son rôle de consulter le contrat, d’y ajouter des membres, d’y créer des projets et d’y lancer des audits.
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat est la première étape pour gérer ses droits dans les projets.
|
|
|
|
|
|
|
|
## Gestion des projets dans un contrat
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’onglet gestion du contrat permet de :
|
|
|
|
- Ajouter un utilisateur au contrat
|
|
|
|
* Renseigner le nom d’un utilisateur existant dans le champ
|
|
|
|
* Activer le bouton « ajouter un utilisateur
|
|
|
|
* L’utilisateur est ajouté dans le tableau qui suit le bouton « ajouter un utilisateur
|
|
|
|
- Lister les utilisateurs du contrat dans un tableau qui contient
|
|
|
|
* Le nom des utilisateurs
|
|
|
|
* Leur rôle dans le contrat
|
|
|
|
* Contract owner : propriétaire du contrat (unique)
|
|
|
|
* Contract manager : manager du contrat
|
|
|
|
* Contract user : utilisateur du contrat
|
|
|
|
* Contract guest : invité du contrat
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat permet à celui-ci en fonction de son rôle de consulter le contrat, d’y ajouter des membres, d’y créer des projets et d’y lancer des audits.
|
|
|
|
|
|
|
|
L’ajout d’un utilisateur à un contrat est la première étape pour gérer ses droits dans les projets.
|
|
|
|
|
|
|
|
## Gestion des projets dans un contrat
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Si votre rôle le permet, l’onglet « projet(s) du contrat » vous permet de :
|
|
|
|
- Créer un nouveau projet dans le contrat, il est alors nécessaire de :
|
|
|
|
* D’ajouter un nom de projet
|
|
|
|
* D’ajouter un domaine associé au projet (http://www.website.com/)
|
|
|
|
* Activer le bouton créer pour créer le projet.
|
|
|
|
* Le projet est ajouté dans le tableau sous le bouton « créer »
|
|
|
|
- Lister les projets du contrat dans un tableau qui contient
|
|
|
|
* Le Nom du projet
|
|
|
|
* Un lien vers la gestion du projet
|
|
|
|
* Un lien vers les archives du projet
|
|
|
|
* Un lien pour supprimer le projet dans le contrat.
|
|
|
|
|
|
|
|
### Configuration d’un projet
|
|
|
|
|
|
|
|
Accessible depuis la page de gestion des projets ou depuis le « nom du projet » dans le tableau de bord, cette page de configuration permet :
|
|
|
|
- D’avoir le détail sur un projet
|
|
|
|
- De gérer les utilisateurs d’un contrat
|
|
|
|
|
|
|
|
### Détail d’un projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
L’onglet d’information du projet permet d’afficher :
|
|
|
|
- Le nom du contrat associé
|
|
|
|
- Le nom de domaine associé au projet
|
|
|
|
- Un lien pour modifier le projet
|
|
|
|
- Un lien vers la page de lancement d’un audit
|
|
|
|
- Un lien vers les archives du projet
|
|
|
|
|
|
|
|
### Utilisateurs du projet
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
La page utilisateur du projet permet d’ajouter un utilisateur du contrat à un projet. L’ajout de l’utilisateur est donc une étape préalable à celle-ci (et dépend de votre droit dans le contrat)
|
|
|
|
Cette page permet :
|
|
|
|
- D’ajouter un utilisateur à un projet
|
|
|
|
* Un champ de sélection des utilisateurs du contrat
|
|
|
|
* Un bouton « ajouter un utilisateur »
|
|
|
|
* L’utilisateur est ajouté au tableau sous le bouton « ajouter un utilisateur ».
|
|
|
|
- La liste des utilisateurs du projet
|
|
|
|
* Nom de l’utilisateur
|
|
|
|
* Son rôle dans le projet
|
|
|
|
* Project Manager : Manager du projet
|
|
|
|
* Project User : utilisateur du projet
|
|
|
|
* Project Guest : invité du projet
|
|
|
|
* Un lien pour voir les détails d’un projet
|
|
|
|
* Un lien pour supprimer l’utilisateur dans le projet.
|
|
|
|
|
|
|
|
## Glossaire
|
|
|
|
### Contrat
|
|
|
|
C’est votre espace de travail dédié, dans lequel vous pouvez créer des projets
|
| ... | ... | |
