Introduction
Alors que l'évolution de notre société réserve une place prépondérante à l’internet et aux technologies de communication dans la vie quotidienne, la question de leur accessibilité reste fort peu soulevée.
La notion d'accessibilité aux personnes handicapées est d'ailleurs spontanément associée, par la plupart des gens, aux bâtiments et services publics ou aux transports en commun, mais très rarement aux sites web.
Pour certaines personnes handicapées, l’informatique est un moyen de palier à des difficultés de communication auxquelles elles peuvent être confrontées au quotidien. Par des technologies additionnelles installées sur leur ordinateur et adaptées à leur handicap, elles accèdent à toutes les fonctionnalités de l’ordinateur.
L'information numérique ou digitale est par nature plus accessible que l'information imprimée ou parlée : une personne aveugle consulte le même texte qu’une personne sourde. En tant que source d’information numérique, l'Internet est porteur d’un énorme potentiel en matière de communication accessible.
Cependant, ce potentiel de communication accessible ne peut se dévoiler uniquement que si les sites web sont conçus en respectant les principes et standards d'accessibilité. Ces principes existent, on les appelle les directives d'accessibilité.
Le présent Moniteur est un instrument de mesure développé par AnySurfer en collaboration avec K-point, le centre de recherches et de connaissances sur les TIC et l'inclusion de la Katholieke Hogeschool Kempen. (l'Institut Supérieur Catholique Campine).
Le Moniteur fourni les résultats de l'évaluation de l'accessibilité d'un certain nombre de sites web belges. Au cours de l'année scolaire 2008-2009, 276 étudiants de 3 instituts supérieurs en informatiques ont contrôlé quelques 336 sites Web belges.
A peine 7% des sites ont obtenu un score (*) d'au moins 75%, seuil à atteindre pour être considéré comme un bon site web accessible. C'est encore très peu. On constate cependant une amélioration nette par rapport aux 4%, résultats publiés dans le Toegankelijkheidsmonitor 2007 (le Moniteur de l'accessibilité des sites web belges édition 2007 (nl)).
Par ce projet, nous voulons sensibiliser les étudiants en informatique, en webdesign et multimédia à l'importance de garantir l'accessibilité de l'internet à tous. En encourageant leur participation à la rédaction du présent Moniteur, nous espérons qu'ils contribuent, à leur tour et à leur manière, au développement de l'internet accessible.
Par le biais des résultats de cette recherche, nous rendons également compte de la problématique aux responsables, aux concepteurs, designer et développeurs de sites web ainsi qu'aux décideurs et pouvoirs politiques.
L'échantillon
Le 10 juin 2009, le nombre de noms de domaine ".be" enregistrés à la DNS approchait alors du million : 918.634 sites enregistrés exactement; ceci sans compter les sites web belges enregistrés sous des ".com", ".org" ou autres.
L'évidence de l'impossibilité de contrôler la totalité des sites web belges nous a fait opter pour la création d'un échantillon.
Ce dernier est constitué de différentes catégories:
- Banque et assurance
- Bâtir et habiter
- Communautés
- Salles de concert
- Consommateur
- Boire et manger
- Musique et cinéma
- Jeux - Games
- Actu-TIC
- Immobilier
- Jobs
- Enfants
- Lifestyle et santé
- Festivals de musique
- Actualités
- Radios commerciales
- Radios publiques
- Télévisions commerciales
- Télévisions publiques
- Autorités politiques
- Blogs populaires
- Portails
- Seniors
- Shopping
- Sport
- Opérateurs Télécom
- Billeterie
- Tourisme
- Gouvernement flamand (*)
- Rechercher
- Petites annonces
En l’absence de source officielle et fiable de statistiques de visites des sites web belges, nous nous sommes laissés inspirés par les résultats de recherches via Google Belgique. Nous avons sélectionné l’option "Rechercher dans les sites web belges" et utilisé les noms de catégories (au besoin complétés avec les synonymes et les mots clés complémentaires) en guise de mot clés. Nous avons considéré comme base de départ les 5 résultats de recherches les plus pertinents alors qu'un filtre manuel additionnel semblait nécessaire pour garantir la représentativité de l’échantillonnage.
L’échantillonnage a été finalisé le 23 février 2008.
Chaque catégorie contient aussi bien des sites francophones que néerlandophones.
A la demande du service Emancipatiezaken du Gouvernement flamand, nous avons créé une catégorie spéciale Gouvernement flamandcontenant 187 sites web. Ce sont en fait les sites liés au Portail de la Région flamande "Vlaanderen.be". Vous trouverez la liste complète en annexe.
Il se peut que certains sites soient repris à la fois dans la catégorie Gouvernement flamandet dans une autre catégorie. Ainsi par exemple, Sporza est classé sous 'sport' mais également sous la catégorie "Gouvernement flamand". Les doublons ont dû être écartés de l'échantillon.
Le nombre total de sites Web contrôlés s'élève dès lors à 336.
Méthodologie
Pour contrôler les sites web, nous avons fait appel à des étudiants des écoles:
- la Katholieke Hogeschool Kempen (KHK Kempen), baccalauréat en informatique
- la Hogeschool West-Vlaanderen (HoWest Kortrijk), baccalauréat multimédia et technologies de communication
- la Katholieke Hogeschool Leuven (KHLeuven), baccalauréat en informatique
Au cours de la première phase, il nous fallait informer et sensibiliser les étudiants à l'importance de l'accessibilité de manière à aborder correctement les aspects techniques. Les étudiants ont ensuite fait connaissance avec la méthode appelée QuickScan, une version simplifiée d'un audit AnySurfer.
La seconde phase concernait le travail d'analyse proprement dit. Chaque étudiant a analysé 2 des 336 sites. Les résultats sont encodés dans une base de données sécurisée par l'étudiant. Les sites de la catégorie Gouvernement flamand ont fait l'objet d'une double analyse.
AnySurfer QuickScan
La procédure habituelle d'analyse: l'audit AnySurfer, nécessite un temps relativement important; elle n'a pas été utilisée dans le cadre de ce Moniteur. Nous avons développé une méthode d'analyse spécifique permettant d'obtenir une évaluation rapide et fiable de l'accessibilité d'un site web: le QuickScan.
Le QuickScan est une sélection de 15 critères considérés comme fondamentaux pour garantir l'accessibilité d'un site Web. Nous tenons à rappeler que le QuickScan reste un outil d'évaluation et ne remplace pas la procédure complète d'audit AnySurfer. Cette dernière reste nécessaire pour se prononcer quant à l'accessibilité complète d'un site.
En d'autres termes, le QuickScan permet de répondre à la question : "Ce site web satisfait-il aux critères minimum d'accessibilité pour prétendre au label AnySurfer? " Pour obtenir une appréciation quantifiable, chacun des 15 critères est pondéré (*) de 1, de 2 ou de 3. Dans un rapport, chaque critère doit être apprécié par l'étudiant comme Ok, pas Ok ou "Je ne sais pas" suivi par un commentaire. Si un rapport contient plus de trois fois "Je ne sais pas", il est écarté des résultats. Un site web réussit le test du QuickScan s'il obtient un score d'au moins 75%.
Les étudiants ont contrôlé au moins 6 pages représentatives de chaque site web.
Parmi la sélection, les pages suivantes sont automatiquement reprises
- Page d'accueil
- Page contact
- Plan du site
- Formulaire de recherches
- Deux pages de contenu type
Résultats
Le tableau ci-dessous associe chaque critère avec le score obtenu pour les sites belges, les sites de la catégorie "Gouvernement flamand", le pourcentage de réussite et la pondération du critère.
Les pourcentages donnent le nombre de sites web qui ont obtenu un score finale d'au moins 75%. Ce sont les résultat pondérés qui sont important; nous plaçons les chiffres non pondérés uniquement à titre indicatif, ils ne donnent pas une image réaliste de l'accessibilité des sites évalués.
De l'ensemble des analyses, il ressort que seulement 7% soit 24 des 336 sites web examinés répondent aux critères de base AnySurfer, et qui, de ce fait peuvent être considérés comme accessibles aux personnes en situation de handicap.
| Niet gewogen (indicatief) | Gewogen | |
|---|---|---|
| Sites du Gouvernement flamand | 33% | 10% |
| Echantillon belge | 17% | 5% |
| Ensemble de l'échantillon | 25% | 7% (résultat final) |
Le tableau ci-dessous associe chaque critère avec le score obtenu pour les sites belges, les sites de la catégorie "Gouvernement flamand", le pourcentage de réussite et la pondération du critère.
* Pondération: le chiffre exprime l'importance, le poids du critère. Plus le chiffre est élevé, plus le critère est important. Ainsi, un site qui ne respecte pas le critère 2 (avec une pondération de 3) aura un score moins élevé qu'un site qui ne respecte pas le critère 13 (pondéré à 1).
1. Chaque page possède-t-elle un titre significatif? Score moyen 62%.
- Tous les sites web belges: 64%
- Gouvernement flamand: 60%
Le texte placé dans la balise title d'une page, donc son titre, est le premier élément lu par les lecteurs d'écran. S'il y est défini avec pertinence, s'il est précis et unique, il constitue une information capitale pour l'utilisateur de synthèse vocale.
Le titre de la page est visible dans la barre de titre des fenêtres du navigateur et est fréquemment utilisé par les moteurs de recherche pour afficher les résultats de la requête. Ce même titre s'affichera dans la liste des favoris de tout utilisateur s'il enregistre votre site dans sa liste.
Il est préférable que le titre reprenne chaque fois le nom du site précédé par la rubrique visitée. Exemple: "Nos services — Imprimerie Dupont" ou "Contact — Bruxelles.be"
- Belgique:
- Satisfait: 64%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 60%
- D'application pour tous les sites web
2. L'ensemble du site est-il utilisable sans faire usage de la souris? Score moyen 69%.
- Tous les sites web belges: 56%
- Gouvernement flamand: 82%
Certaines personnes emploient leur ordinateur avec d'autres périphériques d'entrée que le clavier classique et la souris. Les personnes aveugles ne peuvent utiliser la souris puisqu'elles n'ont pas de contrôle sur le pointeur; elles la remplacent par un clavier classique ou un clavier Braille et utilisent des raccourcis. Certaines personnes ayant des difficultés motrices ne peuvent employer ni la souris classique ni le clavier habituel; il existe, pour elles, de nombreux appareils d'entrée spécialisés.
- Belgique:
- Satisfait: 56%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 82%
- D'application pour tous les sites web
3. Les liens sont-ils facilement identifiables comme tels? Score moyen 68%.
- Tous les sites web belges: 71%
- Gouvernement flamand: 65%
Il ne s’agit pas de différencier les liens en leur réservant des couleurs franches et contrastées, cette distinction serait inutile aux personnes atteintes d'achromatopsie ou daltoniennes.
Il importe de s’assurer que les liens peuvent être identifiés dans tous les cas. Le meilleur moyen reste le soulignement (continu ou pointillé).
Il n’est pas nécessaire d’assurer cette distinction pour les liens actifs ou visités.
- Belgique:
- Satisfait: 71%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 65%
- D'application pour tous les sites web
4. La zone cliquable des liens est-elle au moins de 15*15 px? Score moyen 67,5%
- Tous les sites web belges: 65%
- Gouvernement flamand: 70%
Les boutons, ou les liens doivent être suffisamment grand pour les personnes qui éprouvent des difficultés à manier la souris.
- Belgique:
- Satisfait: 65%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 70%
- D'application pour 185 des 187 sites
5. La taille du texte est-elle facilement modifiable? Score moyen 55%.
- Tous les sites web belges: 38%
- Gouvernement flamand: 72%
Les personnes malvoyantes, les personnes âgées, ou bien les personnes qui utilisent une haute résolution d’affichage considèrent les standards de tailles des textes souvent forts petits. La manière la plus simple de palier à ce problème sera de s'assurer que les tailles de textes peuvent être modifiées
Pour ce faire, concevez vos CSS de manière à ce que les tailles des textes soient déterminées en grandeurs relatives.
- Belgique:
- Satisfait: 38%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 72%
- D'application pour tous les sites web
6. Y a-t-il des chevauchement de texte ou image après agrandissement du contenu? Score moyen 81%.
- Tous les sites web belges: 80%
- Gouvernement flamand: 82%
De nombreuses personnes malvoyantes n'ont pas besoin de logiciel d'agrandissement de contenu, certaines d'entre elles adaptent les paramètres d'affichage de leur navigateur selon leurs nécessités pour agrandir la taille des caractères de textes ou en modifier les couleurs.
Afin de garantir une utilisation efficace de ces paramètres, vous devez faire en sorte qu'aucune superposition de textes ne vienne entraver la lisibilité du contenu lorsque celui-ci est agrandi. La majorité des problèmes surviennent lorsque vous utilisez des pixels (unités fixes) pour définir la hauteur et la largeur des pages.
Exemples de situation:
- La hauteur des lignes est déterminée en pixel (fixe), mais la taille des caractères est en unités relatives (em ou pourcentage). Lorsque le texte est agrandi, la hauteur des lignes étant fixe, les caractères ne trouvent pas de place pour s'afficher correctement, les lignes se superposent; le texte est illisible.
- Les dimensions de la page (largeur et hauteur) sont définies en pixels et/ou la page est positionnée en valeur absolue. Après agrandissement, les parties de texte se superposent et deviennent très vite illisibles.
- Belgique:
- Satisfait: 80%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 82%
- D'application pour tous les sites web
7. Les couleurs des textes sont-elles suffisamment contrastées avec la couleur de l'arrière-plan? Score moyen 57%.
- Tous les sites web belges: 46%
- Gouvernement flamand: 60%
Pour les pages contenant du texte ou des schémas, faites en sorte que la couleur du texte soit suffisamment contrastée avec la couleur d'arrière plan. Veuillez éviter les combinaisons de couleurs telles que: rouge/vert, noir/rouge, blanc/vert et rouge/bleu; qui génèrent des contrastes extrêmement perturbant pour certaines personnes.
- Belgique:
- Satisfait: 46%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 60%
- D'application pour tous les sites web
8. Les images possèdent-elles une alternative textuelle? Score moyen 45%.
- Tous les sites web belges: 37%
- Gouvernement flamand: 53%
Les personnes handicapées de la vue utilisent généralement des programmes informatiques additionnels pour lire le contenu de l'écran ou agrandir et modifier les modes d'affichage. Ces logiciels repèrent les images et en lisent le contenu des descriptions (attribut alt dans la balise img) si l'auteur de la page les a correctement ajouté.
Si les textes alternatifs (attribut alt) sont absents les logiciels annoncent la présence d'une image et le nom du fichier de l'image en guise de description. C'est pourquoi, TOUT élément graphique sans exception doit avoir un attribut alt placé dans sa balise.
- Belgique:
- Satisfait: 37%
- D’application pour 147 de 149 sites
- Gouvernement flamand
- Satisfait: 53%
- D'application pour 178 des 187 sites
9. Les éléments audio et vidéo sont-ils également disponible en version texte? Score moyen 21,5%.
- Tous les sites web belges: 10%
- Gouvernement flamand: 33%
En 2006 YouTube a révolutionné le monde la vidéo sur internet. Sur Youtube.com tout le monde peut regarder et partager librement des vidéos. YouTube permet également aux rédacteurs web d'incorporer des vidéos simplement en les invitant à copier coller un extrait de codes source. Le résultat de cette simplification: la multiplication de contenu vidéo sur les sites internet.
Plus de 20% des sites évalués contiennent des vidéos. Si la vidéo fait partie du contenu propre du site, comme des reportages, interview ou sot-tv réalisés par le propriétaire du site alors il importe de rendre cette information accessible pour les personnes pour les personnes sourdes ou malentendantes.
Ceci, même si les vidéos sont hébergées sur YouTube ou GarageTV.
- Belgique:
- Satisfait: 10%
- D'application pour 46 des 149 sites
- Gouvernement flamand
- Satisfait: 33%
- D'application pour 27 des 187 sites
10. Les formulaires sont-ils exprimés en utilisant les balises HTML appropriées? Score moyen 45%.
- Tous les sites web belges: 37%
- Gouvernement flamand: 53%
La fonction de chaque champ d'un formulaire doit être directement et clairement identifiable.
Tous les formulaires doivent donc remplir les conditions suivantes:
- Chaque champ doit posséder une étiquette qui lui est propre (LABEL)
- Chaque étiquette exprime clairement la fonction du champ qui lui est associé
- Les couples étiquette-champ sont indissociables (LABEL + attribut for)
- Belgique:
- Satisfait: 37%
- D'application pour 147 des 149 sites
- Gouvernement flamand
- Satisfait: 53%
- D'application pour 178 des 187 sites
11. Les tableaux de données sont-ils exprimés en utilisant les balises HTML adéquates? Score moyen 47%.
- Tous les sites web belges: 45%
- Gouvernement flamand: 49%
Beaucoup d'utilisateurs d'aides techniques n'ont aucune vue d'ensemble d'un tableau car les lecteurs d'écran procèdent par déchiffrage du code source de la page; ils découvrent donc les tableaux ligne par ligne et énoncent les cellules qui les composent de gauche à droite.
Les lecteurs d'écran reconnaissent le code HTML des tableaux de données. Si les tableaux sont correctement conçus (avec les balises et éléments HTML adéquats), les lecteurs d'écran pourront rendre l'information correctement à l'utilisateur.
- Belgique:
- Satisfait: 45%
- D’application pour 67 des 149 sites
- Gouvernement flamand
- Satisfait: 49%
- D'application pour 86 des 187 sites
12. Les boutons sont-ils exprimés en utilisant les balises HTML adéquates? Score moyen 60%.
- Tous les sites web belges: 58%
- Gouvernement flamand: 62%
Pour une personne qui ne dispose pas d'une vision d'ensemble de la page, le fait qu'un texte soit plus grand ou plus petit qu'un autre, centré sur la page ou de couleur différente, ne l'aide malheureusement pas à comprendre sa fonction réelle dans le contenu. Sans une vision globale du document, les comparaisons de la taille des textes ou de leurs couleurs sont en effet impossibles.
Par son aide technique, la personne prend progressivement connaissance d'une page élément par élément. Après une reconstruction mentale de toutes ces informations, elle peut se faire une idée de l'agencement global de la page.
La personne navigue donc avec une logique qui va du particulier au général où chaque élément prend une signification.
Pour cette personne, les balises HTML structurantes ont une importance capitale. Ces balises sont reconnues par les aides techniques et leur permettent de saisir directement le sens ou la fonction d'un élément. Pris dans sa singularité ou hors contexte, un sous-titre correctement encadré par une balise h2 par exemple, peut directement être compris comme tel par tous les navigateurs et aides techniques. Ce n'est pas sa taille, sa couleur ou sa position dans le texte qui lui donne une importance dans le contenu mais bien la balise qui l'entoure.
- Belgique:
- Satisfait: 58%
- D'application pour 138 des 149 sites
- Gouvernement flamand
- Satisfait: 62%
- D'application pour 181 des 187 sites
13. Les listes sont-elles exprimées avec les balises HTML adéquates? Score moyen 76,5%.
- Tous les sites web belges: 79%
- Gouvernement flamand: 74%
Ce critère est identique au précédent mais souligne d'avantage l'importance de l'utilisation des balises et élément HTML adéquats lors de la publication d'une liste d'élément.
- Belgique:
- Satisfait: 79%
- D'application pour 124 des 149 sites
- Gouvernement flamand
- Satisfait: 74%
- D'application pour 173 des 187 sites
14. Existe-t-il des alternatives accessibles pour les éléments Flash importants? Score moyen 43,5%.
- Tous les sites web belges: 36%
- Gouvernement flamand: 51%
Adobe Flash pose malheureusement de sérieux problèmes d'accessibilité pour les personnes handicapées. D'une part, les objets de type Flash sont difficilement accessibles aux utilisateurs de navigateur textuel ainsi qu'aux utilisateurs de barrette Braille.
D'autre part, les animations que ces objets peuvent poser de graves problèmes aux personnes malvoyantes, aux personnes épileptiques et dyslexiques. Bien qu’il soit théoriquement possible de rendre les objets Flash compatibles avec les standards internationaux d’accessibilité, une alternative est actuellement toujours obligatoire. Les aides techniques sont malheureusement encore loin d’être aussi perfectionnées qu’on le voudrait pour interpréter tout à fait correctement le contenu des objets flash "accessibles".
- Belgique:
- Satisfait: 36%
- D'application pour 40 des 149 sites
- Gouvernement flamand
- Satisfait: 51%
- D'application pour 16 des 187 sites
15. Le code source de la page d'accueil remplit-il les critères de l'HTML valide? Score moyen 14%.
- Tous les sites web belges: 15%
- Gouvernement flamand: 13%
Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML. Un site web qui respecte les standards HTML, satisfait déjà un bon nombre de critères d'accessibilité.
Un contrôle rapide peut être fait en utilisant l'outil de validation du W3C en ligne
- Belgique:
- Satisfait: 15%
- D'application pour tous les sites web
- Gouvernement flamand
- Satisfait: 13%
- D'application pour tous les sites web
Top 5
De l'échantillon de sites évalués (149 sites Web pour l'échantillon général et 187 sites de gouvernement flamands), les sites Web suivants ont obtenu le meilleur score.
Il s'agit de test ou d'évaluation ponctuels, il est tout à fait possible que ces sites obtiendront un résultat différents lors d'une autre évaluation.
Vous remarquerez également que Vlaanderen.be apparait dans les deux listes. Ce site fait partie de la catégorie spécifique Gouvernement flamand et dans l'échantillon général.
Gouvernement flamand
- Week van de Smaak (89%)
- Vlaamse Landmaatschappij (89%)
- Vlaams Agentschap voor Personen met een Handicap (86%)
- Vlaanderen.be (82%)
- Taalwetwijzer (79%)
Algemene steekproef
- Vooruit Gent (76%)
- Rock Werchter (75%)
- Spotter (74%)
- Federaal Agentschap voor de Voedselveiligheid (74%)
- Kieskeurig (71%)
Conclusion
La majorité des sites web évalués (93%) ne satisfait pas aux critères minimum de base pour déclarer un site accessible. Les sites de la catégorie Gouvernement flamand réalisent un score sensiblement meilleur que l'ensemble de l'échantillon. Des alternatives textuelles aux images sont présentes sur les pages de la quasi moitié des sites évalués. 7 sites sur 10 sont navigables et utilisables sans faire usage de la souris, les personnes présentant des difficultés moteur peuvent y naviguer par clavier. Seulement 2 sites sur 10 proposent des sous-titres ou une version textuelle lors de la présence d'extraits sonores ou vidéo.
A peine 7% des sites ont obtenu un score (*) d'au moins 75%, seuil à atteindre pour être considéré comme un bon site web accessible. C'est encore très peu. On constate cependant une amélioration nette par rapport aux 4%, résultats publiés dans le Toegankelijkheidsmonitor 2007 (le Moniteur de l'accessibilité des sites web belges édition 2007 (nl)).
Remerciements
AnySurfer remercie les organisations suivantes qui ont apporté leur précieuse collaboration à ce projet:
- Les professeurs et étudiants de la Hogeschool West-Vlaanderen, de la Katholieke Hogeschool Kempen et de la Katholieke Hogeschool Leuven.
- K-Point, le centre de recherches sur les TIC et l'inclusion de la Katholieke Hogeschool Kempen.
- Le service Emancipatiezaken du Gouvernement flamand pour le support financier.
- Andrew Catton et Avi Bryant de l'application web DabbleDB pour leur généreux octroi de 400 utilisateurs supplémentaires de notre base de données.
Sans l'aide de ces personnes, ce projet n'aurait pu aboutir.
L'équipe de AnySurfer (Jeroen, Nymphaea, Gijs, Bart, Sophie et Roel)
