Séquencer l'étape de paramétrage de l'audit

[AdrienMuzyczka]

[benoitdequick]

En 4 étapes :

1. Nom de l’audit
2. Type d’audit
3. Échantillon des pages à auditer
4. Auditeur ou auditrice

[AdrienMuzyczka]

NB :

• Supprimer icône du titre de la page + adapter le titre de la page en fonction du contexte (nouvel audit VS accès aux paramètres)
• Envisager une version allégée de cette page si "accès aux paramètres"
• Centrer le contenu de la page (et de la page suivante)
• Revoir mention "sauf mention contraire tous les champs sont obligatoires" qui n'est plus toujours pertinente

[AdrienMuzyczka]

Se référer aux maquettes du fichier Figma "Ara_V0.8_Bêta"

---

Le nombre d'étapes varie entre 2 et 3 en fonction du contexte de paramètrage d'un audit. Dans tous les cas :

• [x] Ajouter l'indicateur d'étape du DSFR et le customiser : passer en taille h2 la consigne + supprimer la mention de l'étape suivante
• [x] Pour chaque étape, adapter la mention "sauf obligation contraire..." en fonction de l'étape. Cf maquettes
• [x] Le titre de la page "Démarrer un nouvel audit" reste identique sur toutes les étapes
• [x] Déplacer le champ de saisie "Nom du site à auditer" dans l'étape 1, il devient le dernier champ de la page
• [x] Inverser l'ordre des champs de saisie "Prénom et nom" et "Adresse e-mail". "Adresse e-mail" devient le premier champ de la page
• [x] Lorsque l'usager clique sur "Valider les paramètres" il est dirigé vers la page "tableau de bord de l'audit"

Lorsque l'usager lance un nouvel audit depuis le site vitrine :

• [x] Séquencer en 3 étapes le paramétrage de l'audit. Tous les champs sont affichés.
  • Étape 1 : Choix de l'audit
  • Étape 2 : Échantillon des pages à auditer
  • Étape 3 : Coordonnées de l'usager.

Lorsque l'usager lance un nouvel audit depuis son espace :

• Si l'usager n'a jamais renseigné son prénom et nom
  • [x] L'étape 3 "coordonnées de l'usager" est conservé et champ "adresse e-mail" supprimé.
• Si l'usager a déjà renseigné son prénom et nom durant un précédent audit
  • [x] L'étape 3 est supprimée
  • [x] L'action principale en bas de page de l'étape 2 est "Valider les paramètres"

Accéder aux paramètres de l'audit depuis un audit existant (mode connecté/déconnecté) :

• [x] Après avoir cliqué sur "Paramètres" depuis la page "audit", l'usager est dirigé vers une nouvelle page "Paramètres de l'audit". Cf maquettes
• [x] Si l'usager est connecté la section "informations personnelles" dans cette page est supprimée.
• [x] Un lien "Retourner à mon audit" est toujours présent en haut de page
• [x] En bas de page le CTA (action principale) est nommé "Enregistrer les modifications" (et non "valider les paramètres")
• [ ] Les boutons "Enregistrer les modifications" et "Annuler" situer en bas de page redirige l'usager vers son audit, idéalement à la position dans la page ou il se trouvait dans la page "audit" (s'il vient de cette page par exemple).

Mise en page

Points d'attention :

• [x] L'icône "engrenage" située à gauche du titre de la page est supprimée
• [x] Titre "Démarrer un nouvel audit" => taille h1
• [x] Titre des sections audit ("Audit complet" et "Audits partiels") => taille h6
• [x] Champ de saisie "Adresse e-mail" => passer à la ligne la mention "Au format..."
• [x] Centrer le contenu de la page avec une largeur maximum de 8 colonnes
• Revoir la mise en forme des cartes
  • [x] Nom de l'audit ("106 critères") => taille h4
  • [x] Supprimer le titre "prérequis"
  • [x] Passer la mention "Nécessite de très bonnes connaissances..." en SM et $grey-425
  • [x] Passer le lien "liste des critères" en SM + préciser le nombre de critères dans le lien
  • [x] Revoir et utiliser le même icône pour les "objectifs" présent dans les cartes
• Étape 2
  • [x] Titres des cartes ("Page 1", "Page 2" ...) => h6
  • [x] Bouton "Supprimer" dans les cartes => Supprimer l'icône "Poubelle"
  • [ ] Agrandir à 282 px de largeur (3 colonnes) le bouton "Ajouter une page"
  • [x] Espace entre les cartes => 24 px

[bellangerq]

Hello @AdrienMuzyczka, quelques questions :

1. Dans la modification des paramètres, il n'y a pas de bouton pour ajouter une page. Est-ce intentionnel ou un oubli ? Ça veut dire qu'on pourrait jamais éditer les pages de son audit.
2. Quelles sont les meta descriptions des 2 pages (nouvel audit et paramètres de l'audit). Pour le title j'ai repris le contenu du<h1>.
3. Est-ce qu'on conserve le système de modal qui s'affiche dès qu'on veut quitter la page ?
4. Est-ce qu'on conserve les mêmes URLs pour les 2 pages ? Actuellement :

• /audits/nouveau
• /audits/<id>/informations-generales (peut-être changer en /audits/<id>/parametres ?)

[AdrienMuzyczka]

Salut @bellangerq

1. Effectivement c'était un oubli, je viens de mettre à jour les maquettes
2. Très bien pour les titres. Pour les descriptions :

• Paramétrer un audit : Pour paramétrer un nouvel audit indiquez le type d'audit, renseignez l'échantillon des pages à auditer, nommez votre audit et indiquer vos coordonnées pour recevoir les liens de votre audit, de votre rapport d'audit généré automatiquement et de votre déclaration d'accessibilité.
• Modifier les paramètres d'un audit : Vous pouvez modifier les paramètres d'un audit comme le type d'audit, l'échantillon des pages à auditer, le nom de votre audit et vos coordonnées pour recevoir les liens de votre audit, de votre rapport d'audit généré automatiquement et de votre déclaration d'accessibilité.

3. Oui, mais il faudrait revoir le wording de la modale lors du "paramétrage" et adapter la modale pour les "paramètres". Je complète ce ticket quand c'est ok de mon côté.
4. Ça me semble mieux d'avoir des URLs différents étant donné qu'on est sur des parcours différents et ta proposition "audits//paramètres" me semble très bien :)

[AdrienMuzyczka]

Modales :

• Paramétrage d'un audit : à afficher si l'usager quitte le paramétrage sans avoir été au bout.

• Paramètre d'un audit : à afficher si l'usager a effectué des modifications sans enregistrer