jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text
voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio
et les menus select
sont eux aussi légèrement stylés.
Plugin jQuery
quid de l’accessibilité ?
en regardant un peu le code final produit, on dirait qu’il y a une soupe de div diverses et que les champs de formulaire sont cachés
pas sur que tous les screenreaders lisent des champs cachés
Le rendu est sympa, par contre pour les input de type text c’est pas terrible, le texte est très en bas (je suis sous ff 3.6)
Sympa le look des formulaires avec ce plug in. Reste à voir pour la compatibilité…
For the input, just :
line 85 :
.jqTransformInputInner div input {
padding: 0px;
line 88 :
.jqTransformInputInner div input {
line-height: 31px;
« pas sur que tous les screenreaders lisent des champs cachés »
Jqtransform , ne s’appliquant que lorsque le javascript est activé.
Le screen reader n’active pas javascript, il liras donc la page html non transformé par le plugin, donc niveau accesibilité tout dépends de la manière dont tu as crée ton formulaire