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 :
- Ne pas utiliser d’élément a vide à l’exception des ancres
- Ne pas utiliser l’attribut target="_blank" sur l’élément a sans avertissement
- Ne pas utiliser d’attribut wmode=“transparent” ou wmode=“opaque” sur l’élément embed
- 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
- 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
- Mettre un attribut lang sur l’élément html
- Mettre un attribut title sur l’élément iframe
- Mettre un attribut alt sur l’élément img
- Mettre un alt="" sur l’élément img si l’élément est un enfant d’élément a contenant également du texte
- Ne pas utiliser l’attribut alt="" si l’élément est le seul enfant d’un élément a ou button
- Ne pas utiliser d’attribut value=’’ " sur l’élément input type=submit
- Mettre un attribut id sur l’élément input type=text
- Mettre un attribut for sur l’élément label
- Ne pas utiliser d’attribut wmode=“transparent” ou wmode=“opaque” sur l’élément object
- Ne pas utiliser le gestionnaire d’événement onclick sur un élément autre qu’un élément a, button, select, textarea ou input
- Ne pas utiliser le gestionnaire d’événement onmouseover sans prévoir un gestionnaire d’événement onfocus
- Ne pas utiliser la méthode seTimeout
- Ne pas utiliser la propriété font-size avec une valeur définie en pixel
- Ne pas utiliser la valeur 0 ou none pour la propriété outline
- 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