Commentaires sur : 10 erreurs d’ergonomie à éviter !

Par : devis pour travaux

devis pour travaux — Thu, 06 May 2010 10:08:42 +0000

Merci pour ses informations trés utile !
Au plaisir de te relire !

Par : Delphine Dietrich

Delphine Dietrich — Mon, 19 Apr 2010 15:58:07 +0000

@Victor Nicollet: En effet, la solution parfaite pour bien faire les choses ! Mais tout de suite un peu plus longue à mettre en place !

Par : Victor Nicollet

Victor Nicollet — Mon, 19 Apr 2010 13:34:24 +0000

Concernant la première erreur: on parle bien ici d’une légende (par exemple, « e-mail ») plutôt que d’une valeur par défaut (par exemple, « hamster@cage.com ») qui s’ajoute au label par défaut pour expliciter l’objectif du champ.

Mettre une légende dans un champ signifie que soumettre le formulaire enverra la légende comme si l’utilisateur l’avait saisie!

Une approche plus robuste est:
– mettre la légende dans un label
– superposer le champ sur ce label
– faire que le fond du champ soit transparent par défaut (pour voir la légende en transparence)
– définir une classe sur ce champ qui rend son fond opaque (pour cacher la légende)
– appliquer cette classe au moment du focus
– l’enlever au moment du blur si le champ est vide

Pour le reste, très bonnes observations. Le validateur CSS du W3C en détecte quelques-unes.

Par : Alexandre B

Alexandre B — Thu, 03 Dec 2009 18:04:18 +0000

Merci pour ce petit rappel ^^

Par : Bookmarked by Benjamin Fréva on Delicious

Bookmarked by Benjamin Fréva on Delicious — Thu, 03 Dec 2009 16:42:10 +0000

[...] This post was bookmarked on Delicious by Benjamin Fréva [...]