Dites-moi, vous qui maintenez un site web, vous êtes vous déjà demandé à quoi il ressemblait quand il était affiché par "Lynx", le navigateur en mode texte ? Vous savez, cet outil antédiluvien, sans souris ni couleur, sans tableaux, ni "frames", sans gras ni italique, sans Javascript ni plug-in... Ah, je vous entends déjà me répondre que plus personne n'utilise ce genre de chose. Que vous avez prévenu l'utilisateur d'éventuels navigateurs qu'il fallait mettre à jour leur navigateur en faveur d'une version 6... Seulement voilà. Croyant bien faire (et vous simplifier la vie), vous venez tout simplement et sans le savoir, afficher un panneau "interdit aux handicapés" ou encore "j'emmerde les mal-voyants" sur votre page d'accueil. Oh bien sûr, ça n'était pas votre intention initiale. Seulement, les mal-voyants et les aveugles utilisent ce genre d'outil, couplé à un lecteur Braille ou à un synthétiseur vocal. D'autres sont handicapés physiques et ne peuvent utiliser une souris, et la navigation graphique leur est donc impossible. Enfin, certains mal-voyants peuvent lire sur écran, avec un navigateur graphique, mais dans certaines conditions seulement (caractères jaunes sur fond noir, ou gros caractères, etc...

Je discutais de ceci hier soir avec un membre de ma famille, qui me rétorquait "ah oui, mais bon, les handicapés ne sont pas forcément un marché interessant financièrement."

Il existe trois types de réponse à cette remarque. La première, c'est que rien qu'en France, cela représente plusieurs centaines de milliers de personnes. (5 millions d'handicapés rien qu'en Grande-Bretagne, 1,7 millions de personnes qui ont du mal à lire facilement un texte imprimé normalement). En France, si j'en crois le livre blanc de la société VisualFriendly, il y a, je cite : 1,1 million de malvoyants (basse vision) et 100.000 non voyants (cécité). Le "marché" (souffrez que j'emploie ce mot, entre guillemets) n'est donc pas si négligeable.

Ensuite, la tendance lourde aux USA et au Royaume Uni aujourd'hui, est que les sites web maintenus par le gouvernement ou des institutions financées par le gouvernement doivent être accessibles aux personnes ayant des difficultés. La France a déjà une traduction en Français des spécifications du W3C sur l'accessibilité. Ce document est hébergé sur le site internet. gouv.fr du premier ministre. Autrement dit, la vague de l'accessibilité s'apprête à déferler, et il faut nous tenir prêts.

Enfin, il existe une bonne nouvelle, c'est que les développeurs ayant déjà une approche fondée sur les standards du W3C, et qui donc utilisent des technologies comme le HTML 4.01 (ou XHTML 1.0) valide et les CSS (Feuilles de Style en Cascade), ont déjà commencé à séparer le contenu de la structure, et le fond de la forme. Alors qu'ils ont probablement fait ce choix parce qu'il rend la maintenance du site bien plus facile, ils en tirent un avantage induit : pour eux, l'essentiel est déjà fait. Les éléments stylistiques sont séparés du texte. Ils peuvent plus facilement être ignorés par Lynx ou modifiés par une feuille de style de l'utilisateur.

Il existe une impressionnante documentation sur la conception de sites web "accessibles", et il serait bien trop long, dans le cadre de cet article, de détailler toutes les subtilités. Mais voyons tout de même les grands principes:

• Utilisez HTML 4.01 et CSS valides (pas de tag <font> !)
• Exprimez la taille des caractères en pourcentage plutot qu'en valeur absolue
• Structurez vos documents avec des titres <h1>, <h2>...plutot qu'avec des DIVs et des SPANs.
• Associez toujours la propriété ALT à vos images. (C'est nécessaire pour la validation en HTML 4.01)
• Essayez Bobby (http://bobby.cast.org), qui vous indiquera en quoi votre site n'est pas accessible
• Testez votre site avec Lynx, c'est édifiant!
• Assurez-vous que JavaScript n'est pas nécessaire pour visiter votre site. (11% des utilisateurs n'ont pas support de Javascript)
• Limitez au maximum l'usage des frames. Si ce n'est pas possible, offrez une version sans frames.
• Offrez une alternative aux applets Java et aux Plug-ins.
• Permettez l'usage de feuilles de styles alternatives.

Comme je le lisais récemment sur un site anglais "Les batiments de demain inaccessibles aux handicapés, nous les construisons aujourd'hui, sur le web...". Les mal-voyants, les handicapés ont déjà une vie difficile au quotidien. Alors que nous construisons Internet, souhaitons nous les en exclure en creusant un fossé numérique ? A vous de voir...

Quelques liens sur le sujet

• nitot.com/standards/ : ma page de liens sur le sujet.
• Traduction en français de Diveintoaccessibility.org de Mark Pilgrim, par Karl Dubost.
• http://www.W3.org/WAI/ : Web Accessibility Guidelines du W3C (en anglais)
• http://bobby.cast.org/ : Validateur d'accessibilité de Cast. (en Anglais)
• http://www.handinaute.org/entrevue0400.html : une interview de Gilbert Montagné, édifiante...