add SC3.3.7 (#591)

* add SC3.3.7

* add SC3.3.7 for EN, and update FR

* update

* update

* update

* update test case

* Update src/fr/web/designer/formulaires.md

Co-authored-by: Mewen Le Hô <[email protected]>

* Update formulaires.md

* fix all remarks

---------

Co-authored-by: Mewen Le Hô <[email protected]>

src/assets/json/checklist/tests-web-en.json

@@ -822,6 +822,20 @@
 	"wcag": ["1.3.5"],
 	"ID": "testWebID-55",
 	"IDorigin": "testWebID-55"
+}, {
+	"themes": "Forms",
+	"title": "Avoid redundant entries",
+	"type": ["Manual test"],
+	"tests": ["Identify processes that require data entry.", "Identify the fields requesting the same data previously entered."],
+	"verifier": ["The user does not have to enter the same information twice during the same process or session."],
+	"resultat": ["Fields whose data has already been entered are filled automatically", "or, user can select data already entered from a list", "or, user can check a box to automatically fill a form with data already entered"],
+	"exception": ["Essential uses of input re-entry for things like memory games.", "Security measures such as preventing a password string from being shown or copied.", "When the previously entered information is no longer valid."],
+	"raccourcis": "",
+	"moreInfo": "https://a11y-guidelines.orange.com/fr/web/design/forms/#limit-redundant-entries",
+	"profils": ["Qualifier - initial checklist", "Qualifier - advanced checklist", "Developer", "Accessibility Expert"],
+	"wcag": ["3.3.7"],
+	"ID": "testWebID-65",
+	"IDorigin": "testWebID-65"
 }, {
 	"themes": "Touch and interactions",
 	"title": "Allow zooming",

src/assets/json/checklist/tests-web-fr.json

@@ -822,6 +822,20 @@
 	"wcag": ["1.3.5"],
 	"ID": "testWebID-55",
 	"IDorigin": "testWebID-55"
+},  {
+	"themes": "Formulaires",
+	"title": "Eviter les saisies redondantes",
+	"type": ["Test manuel"],
+	"tests": ["Identifier les processus nécessitant une saisie de données", "Identifier les champs demandant des données déjà saisies"],
+	"verifier": ["L'utilisateur ne doit pas saisir deux fois la même information au sein d'une même session ou d'un même processus."],
+	"resultat": ["Les champs dont les données ont déjà été saisies sont remplis automatiquement", "ou, l'utilisateur peut sélectionner dans une liste une donnée déjà saisie", "ou, l'utilisateur peut cocher une case pour remplir automatiquement un formulaire avec des données déjà saisies"],
+	"exception": ["Une activité (jeu de mémoire) où saisir à nouveau une information est essentiel.","Des informations de sécurité comme la double saisie d'un mot de passe créé par l'utilisateur.","Des informations préalablement renseignées qui ne sont plus valides."],
+	"raccourcis": "",
+	"moreInfo": "https://a11y-guidelines.orange.com/fr/web/designer/formulaires/#limiter-les-saisies-redondantes",
+	"profils": ["Qualifieur - checklist initiale", "Qualifieur - checklist avancée", "Développeur", "Expert Accessibilité"],
+	"wcag": ["3.3.7"],
+	"ID": "testWebID-65",
+	"IDorigin": "testWebID-65"
 }, {
 	"themes": "Tactile et interactions",
 	"title": "Autoriser l'utilisation du zoom",

src/en/web/design/forms.md

@@ -13,6 +13,7 @@ abstract: "Forms, web accessibility design recommandations"
 ## Usable forms
 
 **Target:** everyone and especially people with visual impairments, dyslexia and cognitive disabilities.  
+
 **When:** during design and development.
 
 **Description:**  
@@ -39,3 +40,47 @@ Lastly, the wording of the error messages should be explicit.
 
 **Don’t:**  
 ![screenshot of a form displaying irrelevant error messages](../../images/formulaire-ko.png)
+
+## Limit redundant entries
+
+**Target:**  People with cognitive disabilities (especially with memory difficulties).
+
+**When:** During design and development.
+
+**Description:**  
+The intent of this criteria is to reduce the cognitive effort required by filling out forms with redundant entries.
+
+People with memory problems may have difficulty if a form asks to enter information that has already been entered before. For example: having to enter your email address a second time.
+
+Forcing the user to enter the same information several times can cause stress or cognitive fatigue with the risk of generating incorrect entries.
+The user may find it impossible to continue the customer journey, or even abandon the task.
+
+Information previously entered by or provided to the user that is required to be entered again in the same process is either auto-populated, or available for the user to select.
+
+**Checklist:**
+In a process that requires entering information several times (for example, in a multi-step form), check that at least one of the following conditions is met:
+
+* Fields whose data has already been entered are filled automatically.
+* User can select data already entered from a list.
+* User can check a box to automatically fill a form field with data already entered.
+
+Using the autocomplete feature from the browser is not considered sufficient.
+
+**Exceptions:**
+* Essential uses of input re-entry for things like memory games.
+* Security measures such as preventing a password string from being shown or copied. 
+* When the previously entered information is no longer valid (expired session).
+
+**Benefits:**
+Simplify filling out a form for all users, especially those with cognitive and/or motor problems.
+
+**Valid example:**
+In the case of a purchase form that needs to enter a billing address and a delivery address, if the user has already entered the billing address and the delivery address is the same, then it must be possible to automatically fill in the delivery address based on the information entered for the billing address.
+For example, this could be a check box that automatically duplicate information already entered.
+
+**Non-valid example:**
+On an e-commerce website, a user launches a search with the keyword 'coat' and consults the results page.
+After consulting the details of an item included in the list of results, if the user returns to the search page, the word 'coat' no longer appears in the search field and no search history is available.
+
+**<abbr>WCAG reference</abbr>:**  
+<a href="https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html">3.3.7 Redundant Entry</a>

src/fr/web/designer/formulaires.md

@@ -10,7 +10,8 @@ abstract: "Formulaires, recommendations d'accessibilité web lors de la concepti
 
 ## Rendre utilisables les formulaires
 
-**Cible :** tout le monde et en particulier les personnes déficientes visuelles, dyslexiques et les déficients cognitifs.  
+**Cible :** tout le monde et en particulier les personnes déficientes visuelles, dyslexiques et les déficients cognitifs. 
+
 **Quand :** lors de la conception et lors du développement.
 
 **Description :**  
@@ -33,3 +34,48 @@ Enfin les libellés des messages d’erreur doivent être explicites.
 
 **Exemple non-valide :**  
 ![capture d’écran d’un formulaire affichant des messages d’erreur à la saisie non-valides](../../images/formulaire-ko.png)
+
+
+## Limiter les saisies redondantes
+
+**Cible :**  Les personnes avec des déficiences cognitives (notamment avec troubles de la mémoire).
+
+**Quand :** Lors de la conception et du développement.
+
+**Description :** 
+Ce critère vise à réduire les efforts cognitifs demandés par le remplissage des formulaires avec des saisies redondantes. 
+
+Les personnes ayant des troubles de la mémoire peuvent avoir des difficultés si un formulaire demande de saisir des informations qui ont été déjà saisies au préalable. Par exemple : devoir saisir une seconde fois son adresse mail.
+
+Le fait d'obliger l’utilisateur à saisir plusieurs fois les mêmes informations peut entrainer stress ou fatigue cognitive avec le risque de générer des saisies incorrectes. 
+L'utilisateur peut donc se retrouver dans l’impossibilité de poursuivre un parcours donné, voire abandonner la tâche.
+
+Un formulaire dont le processus demande de saisir plusieurs fois les mêmes informations doit remplir automatiquement les champs concernés avec les données déjà saisies ou proposer une liste de données déjà saisies.
+
+**À vérifier :**
+Vérifier que dans un processus qui demande de saisir plusieurs fois certaines informations (par exemple formulaire en plusieurs étapes), au moins l'une des conditions ci-dessous est respectée : 
+
+* les champs dont les données ont déjà été saisies sont remplis automatiquement.
+* l'utilisateur peut sélectionner dans une liste une donnée déjà saisie.
+* L'utilisateur peut cocher une case pour remplir automatiquement un champ de formulaire avec des données déjà saisies.
+
+Le fait d'utiliser le système d'autocompletion fourni par le navigateur n'est pas jugé suffisant.
+
+**Exceptions :**
+* Une activité (jeu de mémoire) où saisir à nouveau une information est essentiel
+* Des informations de sécurité comme la double saisie d'un mot de passe créé par l'utilisateur
+* Des informations préalablement renseignées qui ne sont plus valides (session expirée)
+
+**Objectif utilisateur :**
+Simplifier le remplissage d'un formulaire pour tous les utilisateurs, notamment ceux ayant des problèmes cognitifs et/ou moteurs.
+
+**Exemple valide :**
+Dans le cas d’un formulaire d’achat qui nécessite de saisir une adresse de facturation et une adresse de livraison, si l’utilisateur a déjà saisi l’adresse de facturation et que l’adresse de livraison est la même, il doit alors être possible de remplir automatiquement l’adresse de livraison sur la base des informations saisies pour l’adresse de facturation. 
+Il pourrait s’agir par exemple d’une case à cocher qui permettrait de dupliquer automatiquement les informations déjà saisies.
+
+**Exemple non valide :**
+Sur un site d'e-commerce, un utilisateur lance une recherche avec le mot clé "manteau" et consulte la page de résultats. 
+Après la consultation des détails d'un article faisant partie de la liste des résultats, si l'utilisateur retourne sur la page de recherche, le mot "manteau" n'apparait plus dans le champ de recherche et aucun historique de recherche n'est disponible.
+
+**Référence <abbr>WCAG</abbr> :**  
+<a lang="en" href="https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html">3.3.7 Redundant Entry</a>