Je pars sur un type=image alors. J'ai essayé avec l'aide de Philippe
sur un type=submit et de mon côté ça ne marche pas sous IE6-7-8.
Jordi
Le 10/02/2012 16:39, jean-pierre villain a écrit :
C'est une légende urbaine, une de plus
Un input type image n'envois pas le formulaire que
quand on code avec des moufles ou qu'on interface un script
de soumission sur un évènement géré au niveau de l'élément
form "_onsubmit_='' (par exemple un script de contrôle de
champ JS codé avec les pieds)
Sinon coté spec :
"image
Creates a graphical submit
button. The value
of the
src attribute specifies the URI of the image
that will decorate the
button. For accessibility reasons, authors should provide alternate
text for the image via
the alt
attribute."
De :
Jordi Vila Cornellas <[email protected]> À :[email protected] Envoyé le :
Vendredi 10 février 2012 16h32 Objet :
Re: [Liste GTA] submit maquillé
Romain,
Je vais revérifier, mais selon ce que j'ai trouvé sur le
net, un input type=image n'a pas un comportement submit,
en tout cas pas sous tous les navigateurs, et
l'adjonction de JS est nécessaire pour la compatibilité
crossbrowser. Je vais devoir aller voir la spec xhtml
car selon les sites, les réponses ne sont pas les mêmes.
Jordi
Le 10/02/2012 15:57, Romain Gervois a écrit :
Non, un input type image est
identique fonctionnellement à un input type submit :
aucune nécessité de recourir à un script pour
soumettre le formulaire. La seule problématique posée
reste l'image texte utilisée (pour laisser la
possibilité d'agrandir les caractères).
Romain
Le 10 février
2012 16:01, Jordi Vila Cornellas <[email protected]>
a écrit :
J'ai pensé au coup de l'input type=image
mais dans ce cas il faut du _javascript_ pour
valider le formulaire... et si on enlève
_javascript_, on n'a plus de validation. ça c'est
bloquant.
Pour répondre à Philippe : je n'ai pas la main
sur le graphisme, je suis exécutant. Donc je
dois rendre ce bouton tel qu'il a été fourni par
le client (c'est de ma faute, j'aurais dû
alerter avant, mais je ne savais pas qu'IE ne
permettait pas aux values de passer sur
plusieurs lignes et ce n'est pas moi qui ai fait
l'intégration, donc je suis placé devant le fait
accompli).
Une autre idée ? ;-)
Jordi
Le 10/02/2012 15:06, Romain Gervois a écrit :
Bonjour,
La 2.2 d'AW couvre ce cas (texte masqué -
critère 10.13). Par contre, ça nécessite
de faire du test car pas de position clair
sur la restitution ou non d'un texte doté
d'un font-size à 0. Autre méthode un input
image avec le texte qui correspond
(attention critère 1.8 à avoir en tête).
Romain
Le
10 février 2012 15:08, Jordi Vila
Cornellas <[email protected]>
a écrit :
Bonjour,
Je voudrais un avis sur une méthode
qui a été utilisée par un
développeur pour styler un bouton
submit :
La maquette graphique fournie
présentait le bouton submit avec un
design qui amenait le texte du
bouton à passer sur deux lignes.
Apparemment, malgré un stylage CSS
avec une width et en forçant le
wrap, ça ne passe pas sous IE. Le
texte reste sur une ligne et sort du
cadre...
Du coup, on a mis une image du texte
en background css en passant la
value en font-size: 0em. Cela amène
la police à devenir si petite
qu'elle ne gêne pas la vision du
texte en image (le text-indent
négatif ne fonctionnait pas dans le
cas que je décris).
J'aimerais juste avoir un retour sur
cette méthode et m'assurer qu'elle
ne comporte aucun biais que je
n'aurais pas vu qui pourrait me
poser des soucis d'accessibilité.
Peut-être y a-t-il des alternatives
plus élégantes ?
