Bonjour,
Cette image es tout sauf décorative (en tout cas sur l'extrait de code que tu
donne).
Si tu laisses une alternative nulle le champs n'aura donc pas d'étiquette !
N'oublie pas que le contenu du label sera vocalisé comme "nom" du champs, en
cas d'alternative nulle l'utilisateur seras bien en peine de savoir à quoi
correspond la saisie.
Dans l'extrait de code que présente l'alternative ("login") est suffisante
(mais ça pourrais peut-être être meilleur genre 'nom d'utilisateur' en fonction
de ce qui est attendu par exemple)
Si tu veux améliorer (hors de la stricte application du référentiel) :
- Tu peux également ajouter un title sur la balise IMG identique à l'intitulé
pour faire apparaitre un tooltip si l'image n'est pas visuellement suffisamment
explicite.
- Tu peux aussi, si le tooltip du title est vraiment important (cas d'une image
visuellement peu claire) demander de bricoler une petite fonctionnalité JS pour
faire apparaitre à la volée le tootlip du title sur la prise de focus du champs
au clavier.
Bienvenue dans un monde meilleur
JPV
________________________________
Jean-Pierre Villain - Qelios - 06 98 08 50 49
________________________________
De : Valérie CICHOWSKI <[email protected]>
À : [email protected]
Envoyé le : Jeudi 7 février 2013 17h16
Objet : [Liste GTA] Label de formulaire représenté par une image
Bonjour à tous,
Sur un site client, j’ai un formulaire pour s’identifier : login/ password
Le label est défini par une image décorative qui porte un alt non vide et non
pertinent:
<label>
<img alt="Login" src="IMG/images/ i-login.png">
</label>
Même structure de code pour le password.
Je trouve cela incorrect, mais n’ayant jamais eu le cas avant, je ne suis pas
sure de moi.
Pouvez-vous me confirmer/ infirmer mes doutes ?
D’avance merci,
Valérie CICHOWSKI
Chef de projet
Ligne directe : +33 (0)4 72 59 23 26
Les Jardins d'Entreprises - Bât C - 213 rue de Gerland
69344 LYON Cedex 07
www.ausy.fr
_______________________
AUSY
Conseil et Ingénierie en Technologies Avancées
Pensez à l'environnement.
N'imprimez ce mail que si c'est nécessaire.
___________________________________________
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
