INPUT avec ALT équivalent  
Section 508 1194.22(a); WAI / WCAG 1.0 checkpoint 1.1
 
 
Description du problème

L'image utilisée en guise de bouton dans le formulaire est pourvue d'une description valide.
Elle doit avoir une description textuelle équivalente.

 
 
Procédure de vérification

Testez le contenu de l'attribut ALT de l'élément INPUT.
Rappelez-vous que la description doit expliquer les effets découlant d'un clic sur le bouton.

Sachez que les coordonnées du formulaire et du clic sont soumises au serveur lorsque vous sélectionnez l'image au moyen de la souris. Si le serveur agit en fonction de l'endroit où le clic a eu lieu, les utilisateurs de navigateurs ne prenant pas en charge les graphiques seront désavantagés. Pour cette raison, il convient d'envisager des méthodes alternatives, comme ce qui suit :

  • Utilisez plusieurs boutons d'envoi (chacun avec sa propre image) plutôt qu'un seul et unique bouton graphique. Le cas échéant, vous pouvez vérifier le positionnement desdits boutons au moyen de feuilles de style.
  • Utilisez une carte graphique côté client, ainsi qu'un langage de script.
 
 
Explication du problème

L'attribut ALT décrit l'image à laquelle il se réfère pour permettre aux utilisateurs dont le navigateur ne prend pas en charge les graphiques de pouvoir quand même parcourir la page. L'émergence des navigateurs texte-seul portatifs rend l'utilisation de descriptions ALT plus importante que jamais.

Si l'image du bouton est dépourvue d'une description textuelle équivalente, les utilisateurs dont le navigateur ne prend pas en charge les graphiques n'auront pas la moindre idée de ce qui résultera d'un clic sur ce bouton.

Attention à un autre problème. Les coordonnées du formulaire et du clic sont envoyées au serveur lorsque vous sélectionnez l'image au moyen de la souris. Si le serveur agit en fonction de l'endroit où le clic a eu lieu, les utilisateurs de navigateurs ne prenant pas en charge les graphiques seront désavantagés. Pour cette raison, il convient d'envisager des méthodes alternatives, comme ce qui suit :"

  • Utilisez plusieurs boutons d'envoi (chacun avec sa propre image) plutôt qu'un seul et unique bouton graphique. Le cas échéant, vous pouvez vérifier le positionnement desdits boutons au moyen de feuilles de style.
  • Utilisez une carte graphique côté client, ainsi qu'un langage de script.