Présidentielles 2012 : le baromètre accessiblité des sites de candidats

Par Élie Sloïm, le 24 février 2012, dans .

L’association Valentin Hauy, créée en 1889, a pour ambition de soutenir les aveugles et malvoyants dans leur lutte pour l’accès à la culture, à la vie professionnelle et sociale. Cette association souhaite susciter le débat public et sensibiliser les politiques aux problèmes rencontrés par les personnes déficientes visuelles pour accéder aux sites Internet. Dans ce but, elle s’est associée à Temesis pour publier un baromètre de l’accessibilité des sites des candidats à l’élection présidentielle 2012.

Trois pages de chaque site ont été analysées avec l’aide de l’outil Opquast reporting, sur une base de 20 critères dont le respect conditionne l’accès aux contenus Web pour les personnes malvoyantes ou aveugles.

Voici la liste des critères utilisés. Ces critères sont issus de la checklist Accessibility First Step. Cette liste est très technique, mais chacun des points impacte directement l’expérience utilisateur pour les personnes handicapées :

  1. Ne pas utiliser d’élément a vide à l’exception des ancres
  2. Ne pas utiliser l’attribut target=”_blank” sur l’élément a sans avertissement
  3. Ne pas utiliser d’attribut wmode=”transparent” ou wmode=”opaque” sur l’élément embed
  4. Mettre un élément h1, h2, h3, h4, h5 ou h6 comme premier élément de titrage précédant l’élément h2 dans l’ordre du code source
  5. Mettre un élément h2, h3, h4, h5 ou h6 comme premier élément de titrage précédant l’élément h3 dans l’ordre du code source
  6. Mettre un attribut lang sur l’élément html
  7. Mettre un attribut title sur l’élément iframe
  8. Mettre un attribut alt sur l’élément img
  9. Mettre un alt=”” sur l’élément img si l’élément est un enfant d’élément a contenant également du texte
  10. Ne pas utiliser l’attribut alt=”” si l’élément est le seul enfant d’un élément a ou button
  11. Ne pas utiliser d’attribut value=” ” sur l’élément input type=submit
  12. Mettre un attribut id sur l’élément input type=text
  13. Mettre un attribut for sur l’élément label
  14. Ne pas utiliser d’attribut wmode=”transparent” ou wmode=”opaque” sur l’élément object
  15. Ne pas utiliser le gestionnaire d’événement onclick sur un élément autre qu’un élément a, button, select, textarea ou input
  16. Ne pas utiliser le gestionnaire d’événement onmouseover sans prévoir un gestionnaire d’événement onfocus
  17. Ne pas utiliser la méthode seTimeout
  18. Ne pas utiliser la propriété font-size avec une valeur définie en pixel
  19. Ne pas utiliser la valeur 0 ou none pour la propriété outline
  20. Ne pas utiliser la propriété text-indent avec une valeur négative sur un selecteur ayant également la propriété background-image

Attention, ce n’est pas parce que vous respectez ces 20 critères que vos sites web seront accessibles. Il existe de nombreux autres critères concernant tous les handicaps. Si vous voulez faire un test, nous proposons un outil, l’Inspecteur, qui vérifie un certain nombre d’erreurs. Si vous voulez rendre vos sites accessibles, formez-vous et lancez une vraie démarche de mise en accessibilité.

La semaine prochaine, à l’occasion de la sortie d’une nouvelle version d’Opquast Reporting, nous vous donnerons accès à l’ensemble des résultats détaillés de ce baromètre. Ce sera l’occasion pour les responsables de sites de candidats de se lancer dans une démarche d’amélioration. Qui sait, les analyses seront peut-être refaites d’ici le premier tour 🙂

Ils en parlent :

Articles liés

4 commentaire(s)

  1. Par Victor Brito, le 24 février 2012 à 13 h 03 min :

    Il me semble qu’une coquille s’est glissée dans ce billet : l’AVH serait-elle aussi ancienne que la Tour Eiffel ? 😉

  2. Par Laurent Denis, le 24 février 2012 à 14 h 52 min :

    Elle a effectivement été fondée en 1889. Comme quoi, le souci ne date pas d’hier 😉

  3. Par steve, le 25 février 2012 à 16 h 56 min :

    merci pour cet etude

  4. Par Zougane, le 26 février 2012 à 13 h 36 min :

    Merci pour cet analyse également.

Les commentaires sont fermés.