<input type='image' /> et accessibilité ?

Bonjour,

J'ai découvert il y a peu l'existence de la balise <input type="image" /> pour valider un formulaire, et notamment l'utilisation de la réception des coordonnées du click dans la partie "traitement du formulaire"...

J'avoue ne jamais être tombé sur ce cas d'utilisation (utilisation des coordonnées du click) dont l'utilité ne me semble pas évidente. Si vous avez des exemples je suis preneur.

D'autre part cette utilisation est-elle standard ? Ne pose-t-elle pas de problème d'accessibilité ?
Modifié par iDev (16 Mar 2009 - 10:33)

Bonjour,

iDev a écrit :
Ne pose-t-elle pas de problème d'accessibilité ?

Non, aucun, dans la mesure où l'attribut alt est présent et pertinent.

Si, il y a un problème dans la mesure où les coordonnées du clic sont une donnée fournie au serveur. Le alt ne peut pas les décrire. Et recourir aux « coordonnées du clic » implique qu'on laisse de côté les utilisateurs ne naviguant pas avec une souris...

C'est donc à bannir.

Si l'on veut transmettre des données en fonction de la position d'un clic, le plus simple est d'utiliser cette bonne vieille image map, en renseignant correctement les alt dans les zones actives.
Modifié par Gilles (16 Mar 2009 - 12:58)

L'élément input image en lui-même ne pose aucun problème dès lors que l'attribut alt est correctement renseigné (l'idéal serait je pense d'y mettre le texte que vous auriez mis pour l'intitulé d'un input submit).

Pour ce qui est des coordonnées, si elles ont une importance, il est certain que ça posera un problème par contre. Quelles coordonnées sont transmises lorsqu'on valide le formlaire avec la touche entrée, que le focus soit sur le bouton ou non ?

Si l'utilisation des coordonnées permet d'identifier des zones bien définies, l'élément input image en tant que tel équivaut à une image map côté serveur, inaccessible autrement qu'à la souris évidemment.
Il faudrait avoir à disposition un élément <map> contenant des <area> dont les liens ont pour fonction d'envoyer le formulaire. Malheureusement, sans utiliser javascript, HTML 4 ne fournit pas cette possibilité, ni HTML 5 d'ailleurs, domage.

EDIT : Zut, ça sent le brûlé
Modifié par QuentinC (16 Mar 2009 - 13:02)

Gilles a écrit :
Si, il y a un problème...
C'est donc à bannir.

Donc, ce qu'on peut lire ici ou là, ou encore ailleurs, est faux ?

Rahahhaha ne mettez pas de lien vers des PDF ou des documents non-web sans prévenir, ça casse la navigation, #@~%&ðø÷!

Non, ce n'est pas faux du tout. Il faut bien faire la distinction entre deux utilisations différentes de l'input image :
1 - L'input image est utilisé à la place d'un vulgaire bouton submit et les coordonnées n'ont aucune importance si elles sont transmises ou non.
2 - L'input image est utilisé comme carte cliquable et les coordonnées sont utilisées par le serveur pour déterminer quel traitement spécifique effectuer.

Le cas n°1 ne pose aucun problème à partir du moment où l'attribut alt est correctement renseigné. C'est ce qu'expliquent les documents que tu as mis en lien.
Par contre le cas n°2 pose un problème évident pour des raisons déjà expliqués dans les réponses ci-dessus.

*arrive avec une pelleteuse de 200 tonnes empruntée au Ministère des Transport où pôpa travaille*

Désolée de la méga-nécromancie du sujet, mais chez moi, le souci que je rencontre le plus souvent avec des boutons d'envoi sous forme d'image, c'est quand les scripts de la page où je navigue sont bloqués dans les paramètres de Noscript, ce qui fait que j'avais fini par associer, <input type="image" /> et inaccessibilité.

Ces cas de figure me sont d'ailleurs arrivés notamment sur Hoaxbuster où je viens de me rendre compte qu'il s'agissaient en fait d'éléments <img /> et non d'inputs.

Mais là, je viens tout juste de me rendre compte de cet amalgame et donc, il faudrait que je refasse des tests, avec Noscript sous la main, sur le forum du site Japanimlive dont j'ai conçu la charte graphique du module de forum à partir du webdesign existant, et où je sais que le développeur du site a utilisé des <ìnput type="image" /> pour les boutons afin d'économiser en requêtes pour prévenir les ralentissements.

EDIT : Finalement, ça a juste adonné que j'ai pu le tester sur codeur.com, où le submit de la barre de recherche est un type image, et le bouton fonctionnait même quand tous les scripts du site étaient bloqués !

Je me coucherai moins niaiseuse à soir !
Modifié par IshimaruChiaki (08 Feb 2010 - 11:52)