Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rappel des éléments audités dans l'onglet transverse #780

Open
AdrienMuzyczka opened this issue Jul 25, 2024 · 1 comment · May be fixed by #964
Open

Rappel des éléments audités dans l'onglet transverse #780

AdrienMuzyczka opened this issue Jul 25, 2024 · 1 comment · May be fixed by #964
Assignees
Labels
Test 09/24 Tests sur les critères transverses + tests globaux
Milestone

Comments

@AdrienMuzyczka
Copy link
Collaborator

AdrienMuzyczka commented Jul 25, 2024

Constat

Pouvoir lister les éléments audités dans l’onglet des éléments transverses serait apprécié. Cela permettrait :

  • De se rappeler ce qui a été évalué lorsqu’on reprend un audit après un certain temps.
  • Savoir ce qui a été évalué par un autre auditeur dans le cadre d'un travail collaboratif ou d'un contre-audit.

Recommandation

  • Ajouter un système de tag reprenant les éléments le plus souvent retrouvé en transverses + possibilité d'ajouter des éléments ou un texte area
@AdrienMuzyczka AdrienMuzyczka added retour Tests Quick win Rapide à mettre en place, peu de temps nécessaire en design et développement labels Jul 25, 2024
@AdrienMuzyczka AdrienMuzyczka added this to the 12 - 09/01 milestone Nov 27, 2024
@benoitdequick benoitdequick modified the milestones: 12 - 08/01, 13 - 22/01 Jan 9, 2025
@AdrienMuzyczka
Copy link
Collaborator Author

AdrienMuzyczka commented Jan 29, 2025

Validé suite à : échange avec Benoît
Le : 30/01/2025

Solution validée

Page "Audit"

Onglet "Éléments transverses"

  • Ajouter un bouton "Lister les éléments transverses" sous les onglets des pages à auditer
    • Bouton tertiaire, encadré, taille SM, sans icône
  • Lorsque l'usager clique sur le bouton "Lister les éléments transverses" afficher un composant "Ajout de tags". Cf maquette.
    • Reprendre le fonctionnement du composant "Ajout de tags" utilisé dans la page "Déclaration d'accessibilité"
    • Nommer le champ "Nom de l’élément transverse"
    • Ajouter en description "Exemples : En-tête, pied de page, bandeau cookies, etc."
    • Les tags ajoutés sous le composant sont bleu clair. Cf maquettes.
  • Quand un ou plusieurs tags ont été ajoutés, le bouton "Lister les éléments transverses" est remplacé par un bouton "Modifié" toujours positionné à droite des tags. Cf maquette
    • Bouton tertiaire, non encadré, taille SM, avec icône "Edit" à gauche du libellé
    • Les tags affichés dans l'onglet sont gris.
  • Ajouter un séparateur sous le composant "Ajout de tag" quand il est ouvert. Cf maquette.

Règles de fonctionnement

  • Tags
    • Les tags passent à la ligne lorsqu'ils ne peuvent plus tenir sur la largeur. Cf maquette
  • Bouton "Ajouter"
    • Si l'usager saisit un ou plusieurs éléments (séparés par une virgule) et clique sur "Ajouter" ou appuie sur "Entrée", le ou les tags sont ajoutés sous le champ. Cf maquette
  • Bouton "Enregistré"
    • Si l'usager saisit un ou plusieurs éléments (séparés par une virgule) et clique sur "Enregistrer", les saisies sont prises en compte : le composant se ferme et les tags sont affichés. Cf maquette
  • Bouton "Annuler"
    • Si l'usager clique sur ce bouton le composant "se ferme" et aucune saisie n'est prise en compte

Onglets des pages de l'échantillon

  • Augmenter l'espace entre l'URL de la page et le titre de la thématique "1.images" à 32 px.
    • Cet espace doit permettre d'éviter tout décalage de position dans la page lorsqu'on passe de l'onglet des éléments transverses aux onglets des pages de l'échantillon (dans les cas où seul le bouton "Lister les éléments transverses" est présent ou lorsqu'il n'y a qu'une seule ligne de tags).

Page "Déclaration d'accessibilité"

  • Passer en bleu clair les tags ajoutés par l'usager (idem que pour le composant dans la page "Audit").

🔮 Pensez à lancer et/ou mettre à jour les tests end to end si nécessaire.

@AdrienMuzyczka AdrienMuzyczka added Test 09/24 Tests sur les critères transverses + tests globaux and removed X labels Feb 5, 2025
@hissalht hissalht self-assigned this Feb 6, 2025
@AdrienMuzyczka AdrienMuzyczka modified the milestones: 13 - 22/01, 14 - 5/02 Feb 6, 2025
@AdrienMuzyczka AdrienMuzyczka removed the Quick win Rapide à mettre en place, peu de temps nécessaire en design et développement label Feb 10, 2025
@AdrienMuzyczka AdrienMuzyczka modified the milestones: 14 - 5/02, 15 - 26/02 Feb 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Test 09/24 Tests sur les critères transverses + tests globaux
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants