{"id":12662,"date":"2026-02-20T16:45:14","date_gmt":"2026-02-20T16:45:14","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-mot-de-passe-oublie\/"},"modified":"2026-02-20T16:48:06","modified_gmt":"2026-02-20T16:48:06","slug":"page-mot-de-passe-oublie","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-mot-de-passe-oublie\/","title":{"rendered":"Page Mot de passe oubli\u00e9"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>1. Objectif de la page<\/strong><\/h2>\n\n\n\n<p>Cette page permet \u00e0 l\u2019utilisateur de <strong>cr\u00e9er un nouveau mot de passe<\/strong> lors d\u2019une proc\u00e9dure de r\u00e9initialisation.<\/p>\n\n\n\n<p>Elle r\u00e9pond aux besoins suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saisir un nouveau mot de passe conforme aux r\u00e8gles de s\u00e9curit\u00e9<\/li>\n\n\n\n<li>Confirmer le nouveau mot de passe<\/li>\n\n\n\n<li>Valider la r\u00e9initialisation du mot de passe<\/li>\n\n\n\n<li>Emp\u00eacher la r\u00e9utilisation d\u2019anciens mots de passe<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Contexte d\u2019acc\u00e8s<\/strong><\/h2>\n\n\n\n<p>L\u2019utilisateur arrive sur cette page apr\u00e8s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Avoir demand\u00e9 une r\u00e9initialisation de mot de passe<\/li>\n\n\n\n<li>Avoir valid\u00e9 un OTP ou un lien de r\u00e9initialisation<\/li>\n\n\n\n<li>Avoir \u00e9t\u00e9 redirig\u00e9 automatiquement vers la page <em>Nouveau mot de passe<\/em><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. Structure de la page<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.1. En\u2011t\u00eate<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ic\u00f4ne retour \u2190<\/li>\n\n\n\n<li>Titre : <strong>Nouveau mot de passe<\/strong><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.2. Section principale : Cr\u00e9er un nouveau mot de passe<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>a) Ic\u00f4ne<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ic\u00f4ne illustrant la s\u00e9curit\u00e9 ou un cadenas rotatif<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>b) Titre<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cr\u00e9er un nouveau mot de passe<\/strong><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>c) Sous\u2011titre<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Votre nouveau mot de passe doit \u00eatre diff\u00e9rent des pr\u00e9c\u00e9dents mots de passe utilis\u00e9s.<\/em><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.3. Champs de saisie<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>a) Champ 1 : Nouveau mot de passe<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Label : <strong>Nouveau mot de passe<\/strong><\/li>\n\n\n\n<li>Placeholder : <em>Entrez votre nouveau mot de passe<\/em><\/li>\n\n\n\n<li>Ic\u00f4ne de visibilit\u00e9 (\u0153il)<\/li>\n<\/ul>\n\n\n\n<p><strong>R\u00e8gles :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saisie masqu\u00e9e par d\u00e9faut<\/li>\n\n\n\n<li>Possibilit\u00e9 d\u2019afficher le mot de passe<\/li>\n\n\n\n<li>Validation dynamique possible<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>b) Champ 2 : Confirmer le mot de passe<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Label : <strong>Confirmer le mot de passe<\/strong><\/li>\n\n\n\n<li>Placeholder : <em>Confirmez votre nouveau mot de passe<\/em><\/li>\n\n\n\n<li>Ic\u00f4ne de visibilit\u00e9 (\u0153il)<\/li>\n<\/ul>\n\n\n\n<p><strong>R\u00e8gles :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Doit \u00eatre identique au champ \u00ab Nouveau mot de passe \u00bb<\/li>\n\n\n\n<li>V\u00e9rification instantan\u00e9e possible<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.4. Bouton d\u2019action<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bouton : <strong>R\u00e9initialiser le mot de passe<\/strong><\/li>\n\n\n\n<li>Largeur totale<\/li>\n\n\n\n<li>Couleur : d\u00e9grad\u00e9 bleu<\/li>\n\n\n\n<li>\u00c9tat activ\u00e9 seulement lorsque :\n<ul class=\"wp-block-list\">\n<li>Les deux mots de passe sont valides<\/li>\n\n\n\n<li>Les deux mots de passe sont identiques<\/li>\n\n\n\n<li>Les r\u00e8gles de s\u00e9curit\u00e9 sont respect\u00e9es<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.5. Section : Exigences du mot de passe<\/strong><\/h3>\n\n\n\n<p>Bloc de r\u00e8gles affich\u00e9es sous les champs :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Au moins <strong>8 caract\u00e8res<\/strong><\/li>\n\n\n\n<li>Au moins <strong>une lettre majuscule<\/strong><\/li>\n\n\n\n<li>Au moins <strong>une lettre minuscule<\/strong><\/li>\n\n\n\n<li>Id\u00e9alement un caract\u00e8re sp\u00e9cial (si applicable dans l\u2019app)<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4. Comportements fonctionnels<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>Cr\u00e9er un nouveau mot de passe<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>L\u2019utilisateur saisit un nouveau mot de passe<\/li>\n\n\n\n<li>L\u2019utilisateur saisit la confirmation<\/li>\n\n\n\n<li>Le syst\u00e8me v\u00e9rifie :\n<ul class=\"wp-block-list\">\n<li>La conformit\u00e9 aux r\u00e8gles<\/li>\n\n\n\n<li>L\u2019\u00e9galit\u00e9 des deux champs<\/li>\n\n\n\n<li>L\u2019unicit\u00e9 (ne pas r\u00e9utiliser l\u2019ancien mot de passe)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Si tout est correct, l\u2019utilisateur clique sur <strong>R\u00e9initialiser le mot de passe<\/strong><\/li>\n\n\n\n<li>Le syst\u00e8me :\n<ul class=\"wp-block-list\">\n<li>Met \u00e0 jour le mot de passe dans la base<\/li>\n\n\n\n<li>Termine la proc\u00e9dure de r\u00e9initialisation<\/li>\n\n\n\n<li>Redirige l\u2019utilisateur (souvent vers la page de connexion)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>Affichage \/ Masquage du mot de passe<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>L\u2019ic\u00f4ne (\u0153il) permet de basculer entre <em>affich\u00e9<\/em> et <em>masqu\u00e9<\/em><\/li>\n\n\n\n<li>Le comportement s\u2019applique \u00e0 chaque champ ind\u00e9pendamment<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. R\u00e8gles m\u00e9tier<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u2192 <strong>RB01 \u2013 Respect des exigences<\/strong><\/h3>\n\n\n\n<p>Le mot de passe doit respecter <em>toutes<\/em> les r\u00e8gles list\u00e9es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2192 <strong>RB02 \u2013 Correspondance obligatoire<\/strong><\/h3>\n\n\n\n<p>Le champ \u00ab confirmer le mot de passe \u00bb doit \u00eatre identique au champ \u00ab nouveau mot de passe \u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2192 <strong>RB03 \u2013 Unicit\u00e9 \/ S\u00e9curit\u00e9<\/strong><\/h3>\n\n\n\n<p>Le nouveau mot de passe doit \u00eatre <strong>diff\u00e9rent<\/strong> des pr\u00e9c\u00e9dents mots de passe utilis\u00e9s.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2192 <strong>RB04 \u2013 Activation du bouton<\/strong><\/h3>\n\n\n\n<p>Le bouton <strong>R\u00e9initialiser le mot de passe<\/strong> n\u2019est actif que lorsque :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le mot de passe est valide<\/li>\n\n\n\n<li>Les deux champs correspondent<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u2192 <strong>RB05 \u2013 S\u00e9curit\u00e9<\/strong><\/h3>\n\n\n\n<p>Le mot de passe ne doit pas \u00eatre affich\u00e9 par d\u00e9faut (champ masqu\u00e9).<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>6. R\u00e9sultat attendu<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permettre une r\u00e9initialisation simple, claire et s\u00e9curis\u00e9e<\/li>\n\n\n\n<li>Donner des indications imm\u00e9diates sur la conformit\u00e9 du mot de passe<\/li>\n\n\n\n<li>Rediriger l\u2019utilisateur apr\u00e8s succ\u00e8s<\/li>\n\n\n\n<li>Emp\u00eacher les erreurs courantes (mots de passe faibles, incoh\u00e9rents, anciens mots de passe)<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page Cette page permet \u00e0 l\u2019utilisateur de cr\u00e9er un nouveau mot de passe lors d\u2019une proc\u00e9dure de r\u00e9initialisation. Elle [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":24,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12662","docs","type-docs","status-publish","hentry"],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/6a70e7c73db9f245e650948d09d74f61?s=96&d=mm&r=g","author_name":"Annick N'dri","_links":{"self":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12662"}],"collection":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/comments?post=12662"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12662\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12142"}],"wp:attachment":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/media?parent=12662"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12662"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}