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 ?
