🐛 fix(account): accessibilité champs obligatoires [DS-3320] (#652)

- La mention de "champs obligatoires" doit être mise dans un élément `<p>` sur les pages de connexion et création de compte
GouvernementFR · Jul 3, 2023 · eee705f · eee705f
1 parent 3134d93
commit eee705f
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 21 deletions.
diff --git a/src/page/account/login/example/data/login.json.ejs b/src/page/account/login/example/data/login.json.ejs
@@ -9,15 +9,6 @@ const alert = {
 };
 
 const elements = [];
-/*
-elements.push({
-  type: 'paragraph',
-  data: {
-    content: getText('login.desc', 'login'),
-    size: 'sm'
-  }
-});
- */
 
 if (login.error) {
   elements.push({
@@ -28,15 +19,6 @@ if (login.error) {
 
 const fieldsetElements = [];
 
-/*
-fieldsetElements.push({
-  type: 'hint',
-  data: {
-    text: getText('hint.mandatory', 'form')
-  }
-})
- */
-
 const classes = [];
 const attributes = {};
 
@@ -119,7 +101,7 @@ elements.push({
 
 const data = {
   id: uniqueId('login'),
-  legend: `<h2 class=${prefix}-h5>${getText('login.legend', 'login')}</h2>`,
+  legend: `<h2 class="${prefix}-h5">${getText('login.legend', 'login')}</h2>`,
   elements: elements
 };
  %>

diff --git a/src/page/account/login/i18n/fr.yml b/src/page/account/login/i18n/fr.yml
@@ -8,7 +8,6 @@ connect:
 login:
   legend: Se connecter avec son compte
   desc: Description — Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-  hint: Sauf mention contraire, tous les champs sont obligatoires.
   credentials: identifiants
   password: Mot de passe
   username:

diff --git a/src/page/account/register/example/data/address.json.ejs b/src/page/account/register/example/data/address.json.ejs
@@ -9,6 +9,7 @@ const data = {
     {
       type: 'hint',
       data: {
+        markup: 'p',
         text: getText('hint.mandatory', 'form')
       }
     },

diff --git a/src/page/account/register/example/data/identity.json.ejs b/src/page/account/register/example/data/identity.json.ejs
@@ -10,6 +10,7 @@ const data = {
     {
       type: 'hint',
       data: {
+        markup: 'p',
         text: getText('hint.mandatory', 'form')
       }
     },

diff --git a/src/page/account/register/example/data/login.json.ejs b/src/page/account/register/example/data/login.json.ejs
@@ -16,6 +16,7 @@ elements.push({
 elements.push({
   type: 'hint',
   data: {
+    markup: 'p',
     text: getText('hint.mandatory', 'form')
   }
 })
@@ -79,7 +80,7 @@ elements.push({
 
 const data = {
   id: uniqueId('login'),
-  legend: `<${markup} class=${prefix}-h5>${getText('login.legend', 'register')}<${markup}/>`,
+  legend: `<${markup} class="${prefix}-h5">${getText('login.legend', 'register')}</${markup}>`,
   classes: [prefix + '-mb-0'],
   elements: elements
 };