Cas d'utilisation — Conformité et expérience¶

Ce document détaille les cas d'utilisation liés à la conformité et l'expérience utilisateur de Primatch.

UC-CONF-01 : Changer la langue de l'application¶

Acteur : Utilisateur (connecté ou non)

Préconditions : L'utilisateur est sur une page publique avec le header visible

Scénario principal :

1. L'utilisateur voit le bouton de changement de langue dans le header (icône « translate » + libellé « EN » ou « FR »)
2. L'utilisateur clique sur le bouton
3. L'application bascule instantanément dans la langue cible
4. Le libellé du bouton s'inverse (ex : « EN » → « FR »)
5. Le choix est sauvegardé dans localStorage
6. L'attribut lang du document HTML est mis à jour

Postconditions : Toute l'interface affiche les traductions dans la nouvelle langue

UC-CONF-02 : Détection automatique de la langue¶

Acteur : Nouveau visiteur

Préconditions : Aucune préférence de langue stockée dans localStorage

Scénario principal :

1. L'utilisateur visite l'application pour la première fois
2. Le système détecte la langue du navigateur (navigator.language)
3. Si la langue détectée est fr ou en, elle est utilisée
4. Sinon, le français est utilisé par défaut
5. La langue initiale est sauvegardée dans localStorage

UC-CONF-03 : Accepter ou refuser les cookies¶

Acteur : Visiteur (première visite)

Préconditions : Aucun choix de consentement enregistré dans localStorage

Scénario principal :

1. Le bandeau de consentement apparaît en bas de l'écran
2. Le message informe l'utilisateur de l'utilisation des cookies
3. L'utilisateur clique sur « Accepter » ou « Refuser »
4. Le choix est sauvegardé dans localStorage (clé primatch_cookie_consent)
5. Le bandeau disparaît immédiatement

Scénario alternatif — Visite ultérieure :

1. L'utilisateur revient sur le site
2. Le système lit localStorage et trouve un choix déjà enregistré
3. Le bandeau n'est pas affiché

UC-CONF-04 : Navigation au clavier (accessibilité)¶

Acteur : Utilisateur utilisant un clavier ou un lecteur d'écran

Préconditions : L'utilisateur navigue au clavier (Tab/Shift+Tab)

Scénario principal :

1. Le premier élément focusable est le lien « Aller au contenu principal » (invisible jusqu'au focus)
2. L'utilisateur appuie sur Tab → le lien skip-to-content apparaît
3. L'utilisateur appuie sur Entrée → le focus se déplace vers #main-content
4. Les boutons et liens affichent un anneau de focus visible lors de la navigation clavier
5. Les messages d'erreur de formulaire sont annoncés par les lecteurs d'écran (role="alert")

Implémentation technique¶

Composants frontend¶

Configuration i18n¶

Tokens d'accessibilité (Tailwind)¶

Tests¶