[Refonte du formulaire] Case à cocher seule

[Olivier-Marcellin]

Nommage :

• [ ] Le type de champ est nommé “Case à cocher seule”

Wordings :

• [ ] Le libellé du champ n'est pas pré-configuré (l'admin doit saisir le libellé)
• [ ] Le texte de description libellé du champ n'est pas pré-configuré (l'admin doit le saisir, il est à priori pas nécessaire dans la plupart des cas)

Fonctionnalité :

• [ ] L'usager doit cocher la case, les cas d'usages sont le plus souvent des conditions à valider, si bien que cette case est à mettre en page au dessus du bouton “Déposer le dossier”

Comportement du champ :

• [ ] la case à cocher seule ne comporte pas d'astérisque car il est associé au CTA ?? (à valider côté accessibilité ce n'est pas un champ mais une case donc pouvons-nous avoir pour règle obligatoire par défaut ?? @julieSalha)

• [ ] a case à cocher seule peut être facultative, dans ce cas la mention facultatif est à faire figurer ?? (à valider côté accessibilité)

Affichage :

• [ ] l'ensemble fait une largeur entière sur desktop (8 colonnes grille XL) et pleine largeur sur mobile (grille XS)

[julieSalha]

• [ ] la case à cocher seule ne comporte pas d'astérisque car il est associé au CTA ?? (à valider côté accessibilité ce n'est pas un champ mais une case donc pouvons-nous avoir pour règle obligatoire par défaut ?? @julieSalha)
• [ ] a case à cocher seule peut être facultative, dans ce cas la mention facultatif est à faire figurer ?? (à valider côté accessibilité)

@Olivier-Marcellin Une case à cocher seule est à considérer comme tout autre type de champ. L'utilisateur doit être au courant de l'aspect obligatoire ou facultatif.

Ce qui est important est d'harmoniser l'ensemble du formulaire pour préciser l'aspect obligatoire ou facultatif d'un champ. Soit avec l'astérisque (et une légende), soit en précisant que tous les champs sont obligatoires sauf ceux présentant la mention "facultatif".

Lors de l'intégration, ajouter l'attribut required="required" dans le case d'une case à cocher obligatoire : <input type="checkbox" required="required" [...]>