BONNES PRATIQUES

Ci-contre, le site web de la Fondation Polaire Internationale, sise à Bruxelles et dont le célèbre explorateur Alain Hubert est l’un des fondateurs. Il s’agit d’une perle rare : un des très rares sites web à se conformer aux normes les plus exigeantes en matière d’accessibilité. Il est, entre autre, possible d’y naviguer grâce à des raccourcis claviers ou d’agrandir la taille des caractères. Le site de la Fondation Polaire réalise un sans-faute là où même l’Oeuvre Nationale des Aveugles ou la Ligue Braille se font égratigner. Test réalisé sur http://validateur-accessibilite.apinc.org/, un des outils de validation disponibles en ligne. Notez que le design graphique et l’ergonomie générale du site n’en pâtissent pas. Bien au contraire. Accessibilité rime ici avec convivialité.

Le texte alternatif (balise ALT en langage HTML) est un petit morceau de texte qui est sensé décrire le contenu d’une image. Prévoir un texte alternatif est avantageux à plus d’un titre. Les mots clés contenus dans le texte alternatif sont pris en compte par les moteurs de recherche. Le texte alternatif s’affiche en attendant le chargement de l’image, de sorte que les internautes équipés de connexions lentes puissent prendre leur mal en patience. Enfin, le texte alternatif permet aux aveugles ou malvoyants d’accéder à une description de l’image (grâce à des navigateurs spéciaux qui produisent la synthèse vocale du texte contenu dans le code source). Le site des Verts flamands fait du texte alternatif une utilisation efficace et systématique. Aussi bien les images qui font partie de la navigation que celles qui font partie du contenu font l’objet d’une description textuelle alternative. Il reste néanmoins toujours préférable d'utiliser du texte pour les éléments de navigation, celui-ci offrant la possibilité d'être agrandi facilement par les utilisateurs.

Le quotidien La Libre diffuse une version « basse vision », adaptée aux personnes présentant des difficultés de la vue. La taille des caractères est, par défaut, assez imposante, et peut être modifiée très facilement. Le choix du contraste et des couleurs de fond est également laissé à l’appréciation de l’utilisateur. La structure de la page d’accueil est simplifiée et ne s’encombre pas de fioritures. Certains contenus sont même adaptés à l’audience visée (comme des liens utiles pour personnes aveugles : accessoires de navigation, chiens guides, etc.). Cette démarche est bien entendu très louable. Seule critique : l’accessibilité couvre un champ plus large que les seules difficultés rencontrées par les malvoyants. Il est parfois plus simple de créer une seule version, totalement conforme aux normes et standards. Conformité à laquelle ne peut prétendre la version de base du site web de La Libre.

Par nature, les sites administratifs ou institutionnels sont davantage enclins à respecter les règles d’accessibilité. Ils s’adressent à toute la population sans exception et sont tenus de suivre certains engagements politiques et juridiques. Le 13 juin 2002, le Parlement européen a adopté une résolution [PE (2002)0325] reconnaissant l'importance de l'accessibilité du Web dans les institutions européennes et tous les États membres. Ces dispositions pourraient s’étendre, tôt ou tard, au domaine commercial. Toujours est-il que les sites de sociétés privées peuvent entrevoir plusieurs avantages à développer une politique d’accessibilité : pérennisation du site web (grâce au respect des standards), élargissement du marché (on compte près de 10% de déficients visuels), respect du client et augmentation générale de la qualité. Ci-contre, la société britannique Imperial Tobacco se veut totalement accessible. Même les documents PDF mis à disposition sur le site web ont été optimisés en termes d’accessibilité.

Dans le monde réel, la Société des Transports Intercommunaux Bruxellois démontre son souci de permettre aux aveugles d’utiliser son infrastructure. Sont installés dans les couloirs du métro des panneaux d’indications en braille, des repères sonores ou des tracés en relief sur le sol. On pourrait penser que cette politique trouve son prolongement naturel au niveau du site web. Malheureusement, il n’en est rien. Le site internet de la STIB contient les pires erreurs sur le plan de l’accessibilité. Aucune alternative n’a été prévue à la navigation sous forme d’images. Découvrir le site avec un navigateur texte est un véritable calvaire. Ci-contre, le plan des lignes de métro se base exclusivement sur la couleur pour distinguer les différents axes. Les quelques milliers de personnes éprouvant des difficultés à différencier les couleurs risquent de s’emmêler les pinceaux entre Stockel et Herrmann-Debroux.

Voici un exemple d'intention louable qui se transforme en fiasco par manque de connaissance technique et de documentation. Dans le code source de la page d’accueil du site web de la société Carrefour en Belgique, on trouve une tentative de baliser la page à l’attention des aveugles. Une sorte de raccourci qui permet d’aller directement soit au menu de navigation, soit au contenu. Malheureusement, en termes techniques, les indications en question sont associées à une instruction CSS "<code>display:none;</code>" qui fait qu’elle ne seront pas lues par la plupart des lecteurs d’écran. En effet, lorsque vous empêchez des éléments d’être affichés sur un écran PC, vous empêchez également qu’ils soient lus, la plupart du temps, par un lecteur d’écran, tel qu’utilisé par les aveugles et malvoyants. La technique consistant à positionner les éléments via CSS hors de la zone visible de l'écran (technique "off-left") est de loin préférable pour un résultat identique et ne demande qu'une adaptation de la feuille de style.

Si quelqu’un doit montrer l’exemple en matière de politique d’accessibilité, c’est certainement la Ligue Braille elle-même. Certes, le site de l’association est globalement efficace. Mais pas parfait. Le validateur http://validateur-accessibilite.apinc.org/ pointe cinq erreurs. Dont quelques réflexes basiques qui ont été oubliés, comme le fait de spécifier la langue du document. Or, les lecteurs d’écran ont besoin de connaître la langue d’un document pour en interpréter correctement la prononciation. Autre maladresse, assez croustillante : le logo du sponsor (la Loterie Nationale) n’a pas son équivalent textuel. Autrement dit, tous les aveugles qui visitent le site de la Ligue Braille n’auront qu’à deviner qui se cache derrière le texte "Avec le soutien de".

Même les plus grands ne sont pas à l’abri des reproches. Ainsi le site web de CNN, un des sites d’information les plus visités au monde, utilise une feuille de style qui spécifie la taille des polices à l'aide de valeurs absolues (px, pt) plutôt que relatives (%, em). Cela à pour effet de ne pas permettre aux nombreux utilisateurs d'Internet Explorer de modifier la taille des textes à l'aide de leurs navigateurs (voir fonction "affichage > taille de texte"). Une proportion significative des lecteurs, surtout parmi les "seniors", risque de ne pas être capable de lire confortablement le petit corps de caractère utilisé à plusieurs endroits dans la page. Notez que les médias belges ne s’en sortent guère mieux : De Standaard, Le Soir ou La Libre sont confrontés au même problème. La Dernière Heure, en revanche (voir www.dhnet.be), se distingue positivement.