🐛 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
 };