Principes d'assemblage d'un formulaire RGAA

Version [1.0.0] - 04/05/2022 - Initialisation du document

Chapeau formulaire


Formulaire (étapier horizontal)

Voir ici

H1 : obligatoire

P : facultatif mais déconseiller

Etapier : obligatoire
Rework technique + graphique (aria-current, wording étape)

H2 : facultatif mais déconseiller (si bon rework de l’étapier pas de h2)

Mention : obligatoire (attention au wording "Tous les champs sont obligatoires sauf mentions contraire")

Formulaire (étapier vertical)

Voir ici

H1 : obligatoire (h1 dans la colonne de gauche)

Etapier : obligatoire
Rework technique + graphique (aria-current, wording étape)

Formulaire (type décla sinistre)

H1 : obligatoire

Etapier : N’existe pas aujourd’hui. Si possible mise en place d’un étapier ou alors d’une progress-bar

Tuile-sujet : Pour l’instant une tuile sujet est utilisée par donner du contexte (ex: Toyota corolla). Cette mise en contexte est pertinente, la forme sera à revoir si un étapier arrive.

Corps formulaire


Chaque input doit obligatoirement avoir un label / legend ! (.field-label)

Les questions sont regroupés dans une section de question (.field-section.-title / .field-section.-subtitle )

Chaque section de question commence par un titre h2-h3-h4 (.field-section-title / .field-section-subtitle)

Chaque question doit être regrouper dans une div (.form-group)

Si l’étape n’a qu’une seul section de question et qu’il y à entre 1 et 5 questions alors le titre de la section de question n’est pas obligatoire. Il est facultatif

Un groupe de question peu avoir un h4. Mise en place à définir en fonction du besoin.

Il faudrait une certaine souplesse pour appliquer les niveaux de titres.