[Résolu] Champs obligatoire d'un formulaire

Bonjour,

Comment identifiriez-vous les champs obligatoire d'un forumulaire ?

En régle général, une petite étoile vient joliement mettre en avant mes champs en question, mais je me demande bien comment faire pour coder çà proprement de manière à respécter les principes de base de l'accéssibilité.

Merci
Modifié le 22 Nov 2004 - 19:48

1- ça n'a strictement rien à voir avec la sémantique
2- mentionner explicitement le mot "obligatoire" dans le label de chaque champ concerné est la solution accessible de base
3- utiliser l'étoile, qui est une convention plus ou moins connue, est un compromis possible avec la lisibilité pour les utilisateurs normaux, à condition de mentionner explicitement au préalable (dans la légende du Fieldset de formulaire ?) le sens de cette étoile.

Bonjour,

Visuellement, les champs obligatoires peuvent éventuellement être signalés par une couleur différente (définie par un attribut class).
Ce signal ne sera pas reçu par ceux qui ne perçoivent pas les couleurs, par ceux qui utilisent une synthèse vocale ou une tablette braille...
Pour satisfaire à la directive 2.1, l'astérix devant le nom du champ est assez couramment utilisée donc plutôt significative pour l'utilisateur.

<label for="nom" class="obligatoire">* Nom :</label>

Il est cependant important de signaler la signification de la présence de cette astérix, et cela avant les champs du formulaire (sans quoi le non voyant ne prendrait connaissance de l'information qu'après avoir complété les différents champs )

Oublions un peu les non-voyants.

Quelque-soit l'utilisateur, son degré de compréhension des usages Web ou son mode d'accès spécifique lié à un éventuel handicap, le problème est que cette information "champ obligatoire" n'est justement pas sémantique.

Si elle l'était, l'agent utilisateur pourrait l'exploiter quelque-soit le mode de rendu (media) et :
- alerter l'utilisateur de la manière appropriée (compatible par exemple avec son handicap et les aides qu'il utilise)
- refuser l'envoi du formulaire si le champ n'a pas été renseigné, et expliquer la cause de ce refus.

Mais ce n'est pas le cas.

Il faut donc transmettre directement l'information aux utilisateurs, donc la faire figurer dans le contenu. Mais une astérisque n'est pas une information. La priorité est donc au minimum la légende de ce symbole.

Merci pour toutes ces infos...

Je vais essayé de faire de mon mieux...

Tu peux aussi essayer une bordure trouge moyennnement épaisse avec un fond à opacité 50% de rouge histoire que tout le monde le vos clairement (et l'inqdiquer clairement ce que ça veut dire aussi)

je penses que la solution retenu, va être simplement de faire le max de choses pour contenter tous le monde.

1) une légende en haut de formulaire en rapport au caractère astérix
2) mise en avant graphique avec une classe spécifique présentant les champs obligatoires
3) en cas de retour d'erreurs du serveur, une autre classe prour expliquer en mode texte les erreurs rencontrés, et un moyen de les localiser dans le formulaire...
4) mise à jour de la légende pour intégrer le nouveau caractère indiquant une erreure.

il doit être possible de générer dynamiquement un index permettant de naviguer dans le formulaire en passant en revue les champs erronés...

Salut,

Juste pour en remettre une couche, dans le même but, certains champs sont obligatoire, mais en plus les données saisies doivent répondre à un format spécifique.

ex. le mot de passe doit faire entre 6 et 10 caractères ..

bref...

Comment présiceriez-vous cette information aux utilisateurs ? à l'aide de quelle balise ?

Un message qui précéderait: "Important: n'oubliez pas de faire figurer vos nom, prénom, adresse ET n° de téléphone. Le mot de passe devra obligatoirement blabla" et pour celui qui sauterait directement au formulaire (par accesskey?) un lien 'Note' ou 'A lire' à placer très près du début du formulaire avec une info-bulle du genre 'a lire avant de remplir le formulaire' ...

Je sais pas du tout quelle balise mettre, mais j'essaie de me mettre à la place de celui qui va passer remplir le formulaire (ce qu'il va faire et ne pas faire, n'étant pas informé) et de ce que l'auteur de la page attend de lui (ce qu'il veut voir et ne pas voir)

ouais... un bon paragraphe explicatifs en début de page avec toutes les infos dedans...

pas mal çà..

merci