Hillary Clinton : Ne pas s’en remettre exclusivement aux couleurs. [297 mots]

Posté le 01 juin 2008 à 05:47 | Vu 5191 fois | 3 commentaires | Tags: accessibilité, campagne américaine 2008, couleur, critère

Cela faisait un bout de temps que je voulais traiter les critères d'accessibilité en proposant des exemples de bonne et mauvaise pratique.

Pour les premiers, j'ai choisi d'utiliser les sites de campagne des présidentielles 2008 américaines. N'essayez pas de tirer de ces micro audits de leçon politique, il n'y en a pas.

Le critère : Ne pas s’en remettre exclusivement aux couleurs

Dans les WCAG 1.0, cela donne (critère 2.1) :

Ensure that all information conveyed with color is also available without color, for example from context or markup.

Pour illustrer ce critère, et ses bonnes ou mauvaises implémentation, j'ai porté mon attention sur les formulaires de don.

Mauvaise pratique (Hillary Clinton)

Sur le site d'Hillary, on trouve ce formulaire :

Le formulaire comporte un certain nombre de champs à remplir, dont certains sont obligatoires. Mais lesquels ?

Pour le savoir, il faut valider le formulaire à vide (c'est un sérieux handicap ergonomique, mais cela n'est pas le sujet du billet).

Les champs obligatoire apparaissent alors différenciés des champs facultatifs par...une couleur de texte rouge :

Si l'un de vos internaute est atteint d'une déficience chromatique, il se peut qu'il ne comprenne jamais que seul le champ phone (en noir) est facultatif. Pour se rendre compte de ce qu'il verra, voilà la même page en mode de gris :

On n'y distingue plus l'information véhiculée par la couleur rouge !

Bonne pratique : Barack Obama

Le formulaire de monsieur Obama ne fait pas apparaitre non plus les champs obligatoire. Mauvais point. Mais après avoir soumis le formulaire, on comprend qu'il est accessible :

• un message d'erreur, précédant le formulaire, prévient l'utilisateur qu'il a mal saisi certains champs
• ensuite, chaque champ est précédé, en plus de l'intitulé du champ, d'un texte précisant la nature de l'erreur

Revenir au début de l'article

Partager :

• Google
• Facebook
• Scoopeo
• Viadeo
• Linkedin
• Wikio

• Twitter
• Blogmarks
• Delicious
• Technorati
• Live
• Myspace

Autres articles:

• article précédent : Ontario : Semaine nationale pour l'intégration des personnes handicapées
• article suivant : John McCain : Fournir un équivalent texte pour tout élément non texte

3 Commentaires:

Ajouter un commentaire

1. 16 juin 2008 à 08:22 par Fred

   Bonjour,
   Je travaille justement sur un site que j'essayes de rendre le plus accessible possible. J'ai essayé de suivre vos conseils d'accessibilité pour les formulaires.
   Voilà ce que ça donne (j'espère que je suis dans le bon^^):
   http://img240.imageshack.us
   
   Par contre je me posais une question au niveau de l'anti-spam. Sur mon site j'ai mis la fonction CAPTCHA (j'ai limité les caractères en ne laissant que les chiffres de 1 à 5 afin d'éviter totue confusion entre le 5 et 6 par exemple)et je vois qu'ici vous avez préféré le système "question/réponse", je ne sais pas ce qui est le mieux du point de vue accessibilité?

2. 16 juin 2008 à 08:23 par Fred

   oups le lien vers ma capture d'ecran à buggé^^
   http://img240.imageshack.us

3. 23 juin 2008 à 03:36 par Fred

   Je reviens à la charge avec ma propre réponse que je partage^^
   Vu que le code captcha affiché est une image généré, lorsque que l'on zoom dessus il y a une pixelisation qui rend cette image très peu lisible, donc il est préferable d'utiliser le système de "question/réponse" ;)