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

Le , par Élie Sloïm - Accessibilité

Avertissement : cet article a été publié en 2012. Son contenu n'est peut-être plus d'actualité.

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 :

  • La dépêche AFP : accessibilité des sites internet des candidats à la présidentielle
  • Le Figaro : Les sites des candidats mal notés par les malvoyants
  • Ecrans
  • Metro France
  • Le soir (Belgique)
  • LCI/TF1 : Les sites internet des candidats pas si accessibles que ça pour les malvoyants
  • Handirect : Aveugles et malvoyants : les oubliés de la campagne présidentielle ?
  • VivreFM : Les sites internet de la campagne présidentielle sont inaccessibles aux aveugles

Articles liés

  • Baromètre qualité des sites de Régions françaises : Haute-Normandie en tête du classement - 12 juin 2012
  • Baromètre qualité des sites de e-commerce : Carrefour devant, Amazon dernier - 21 juin 2012
  • Baromètre qualité des sites de SSII - 15 mai 2012
  • Baromètre qualité web : les sites de Ministères à la loupe - 2 juillet 2012