INPUT avec ALT valide |
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 ne contient pas une description textuelle valide. L'image n'a pas d'attribut LONGDESC qui la relie à un fichier HTML où figure une description détaillée non adaptée à l'attribut ALT. Une description valide est une valeur de chaîne de l'attribut ALT, autre que les suivantes : une chaîne vide ("") ; une chaîne vierge contenant un espace ou plus (" ") ; le nom du fichier d'image ; la taille du fichier d'image ; une chaîne de plus de 150 caractères (il s'agit d'une simple suggestion, et non d'une obligation WCAG 1.0 ou 508).
Procédure de réparation Ajoutez l'attribut ALT à l'élément INPUT, tout en gardant les points suivants à l'esprit : La description doit expliquer les effets découlant d'un clic sur le bouton Les descriptions ALT ne sont pas interprétées par les navigateurs et ne doivent pas inclure de balises HTML. Les balises incorporées déconcertent les utilisateurs, parfois même les moteurs de recherche. Les descriptions ALT trop longues risquent d'être tronquées par les navigateurs et augmentent le temps de téléchargement de la page. En règle générale, il vaut mieux utiliser moins de 10 mots et 64 caractères. 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, 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 : Lorsque vous sélectionnez l'image au moyen de la souris, les coordonnées du formulaire et du clic sont envoyées au serveur. 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.