[Upload] - Sélection de la catégorie

[samanthaauffret]

Besoin utilisateur
En tant qu'utilisateur, je souhaite importer mon fichier sur une catégorie de suivi de mon organisation ou de mon département, afin de pouvoir envoyer des invitations à prendre rendez-vous.
En tant qu'utilisateur, je souhaite importer mon fichier au niveau départemental, sur aucune catégorie de suivi, car mon rôle s'arrête là.

Description
Parcours user :
L'utilisateur clique sur le CTA "charger fichier usagers" présent dans le CTA "créer usager(s)" de la page index pour ouvrir la fonctionnalité "Upload". Il atterrit sur la page de "sélection de catégorie".

Sur cette page :

• L'utilisateur peut repartir sur la page "Index" grâce au CTA "retour" situé en haut à gauche de la page.
• Le titre (H1) "Charger un fichier usagers" rappelle la fonctionnalité sur laquelle on se trouve.
• Sous le titre on indique à l'utilisateur l'organisation sur laquelle il s'apprête à faire un import. S'il change d'avis il a la possibilité de changer d'organisation dans le CTA dédié dans le header.
• Le picto "i", déclenche une infobulle au clic qui indique "..."[Phrase sur la sectorisation et sur la colonne Structure]
• Au-dessus des boutons de sélection, la phrase permet d'indiquer à l'utilisateur ce que rdv-i attend de lui.
• Le choix de la catégorie est un choix unique, avec des boutons radio (récupéré du DSFR et mis à la couleur de rdvi). Par défaut, aucune catégorie n'est sélectionnée.
• Dans l'idéal, les catégories sont affichés dans l'ordre qui serait paramétré par les utilisateurs. Mais en v1, l'afficher par défaut avec le choix "Aucune catégorie de suivi" en dernière position.
• L'utilisateur doit sélectionner un des choix pour pouvoir activer le CTA "Valider la sélection". Ce CTA permet de passer à l'étape de chargement de fichier.

Accessibilité

• Titre de page : "Charger un fichier usagers - [Nom de l'organisation] - CD [Nom du CD] - rdv-insertion
• Taille de typo : La typo des textes est en 16px minimum (Marianne)
• Pouvoir agrandir les textes à 200%, sans que les textes disparaissent
• Pouvoir naviguer au clavier avec les touches tab, shift+tab,...
• Même sans style, toutes les informations restent disponibles et sont affichées dans le bon ordre. Les interactions sont possibles et compréhensibles.

Aperçu Maquette
https://www.figma.com/design/I6oGJ4ZliyAhCIZ3Dkahym/02_Upload-de-fichiers-usagers?node-id=1074-37361&t=YnMBLOmtuaHxiX4Z-4
Cas illustré par la maquette : vision par défaut (sans sélection)