Article rédigé par Rui Pedro Borges, publié à l'origine dans Dinheiro Vivo

Imaginez votre site web préféré. Comment est sa mise en page ? Un menu, du contenu à gauche et une barre latérale à droite, ou l'inverse ? Aujourd'hui, nous sommes tellement habitués à interagir avec ce schéma de page que nous ne nous arrêtons pas pour y réfléchir. Imaginez maintenant que vous ne pouvez pas naviguer avec la souris, que, pour une raison quelconque, votre souris ne fonctionne pas, que vous ne pouvez naviguer qu'à l'aide du clavier. Cela rend l'interaction plus difficile, mais clairement pas impossible, non ? Imaginez maintenant devoir naviguer sur ce site les yeux fermés, sans rien voir. Vous n'avez que l'aide d'un lecteur de texte et des touches de votre ordinateur. Cela semble impossible ? C'est la réalité de milliers de personnes handicapées dans le monde entier, qui naviguent sur Internet chaque jour.

L'Organisation Mondiale de la Santé (OMS), dans son Rapport Mondial sur le Handicap, estime qu'à l'échelle mondiale, environ 15,6% des personnes de plus de 18 ans vivent avec une forme de handicap. Le même rapport indique que « les personnes handicapées présentent des taux d'utilisation des technologies de l'information et de la communication significativement plus faibles que les personnes non handicapées », ajoutant qu'il existe peu d'information disponible dans des formats accessibles.

Les utilisateurs non-voyants, malentendants et ceux présentant une limitation cognitive sont les personnes les plus touchées par le manque d'accessibilité sur Internet. Cependant, une personne ayant une vue de près déficiente, un daltonisme, une dyslexie ou une surdité partielle peut également rencontrer des difficultés à profiter de tout le contenu disponible sur Internet. Comme l'a dit Tim Berners-Lee, créateur du World Wide Web, « Le pouvoir du web est son universalité. Être accessible à tous, quelle que soit leur déficience, est un aspect fondamental ». Il nous appartient, en tant que développeurs, chefs de projet et designers, de développer des solutions utilisables par tous, quelles que soient leurs limitations. Ce doit être un point de grande importance, toujours à prendre en compte lors de la création de contenu pour Internet.

En créant de l'information accessible, nous donnons non seulement à une partie de la population l'opportunité de consommer du contenu qu'elle ne pourrait pas consommer autrement, mais nous améliorons aussi l'expérience d'utilisation de tout le reste de notre audience. Un exemple montrant comment un thème accessible peut bénéficier à tous les utilisateurs est l'utilisation de sous-titres dans une vidéo. Tout le monde a déjà vécu une situation où il aurait voulu regarder un film sans pouvoir en entendre le son, que ce soit dans un transport en commun sans écouteurs, dans une salle avec des collègues, etc…

Il existe des directives établies par diverses organisations qui guident les développeurs et les gestionnaires de contenu vers l'amélioration de l'accessibilité de leurs produits, à consulter durant le développement. Voici quelques points clés à prendre en compte pour développer un site accessible :

1. Utilisation de l'attribut alt

L'attribut alt, sur une image d'un site, est le seul contenu qu'un lecteur d'écran peut comprendre. Il doit donc toujours être présent et contenir une description correcte de l'image affichée. En utilisant cet attribut, vous améliorerez également le SEO du site, car les moteurs de recherche traitent aussi cet attribut.

2. Sous-titres et transcriptions pour l'audio et la vidéo

Ajouter des sous-titres à une vidéo permettrait non seulement à un utilisateur sourd de mieux comprendre le contenu, mais aussi d'aider quelqu'un qui, momentanément, ne pourrait pas entendre l'audio de la vidéo. La même chose peut s'appliquer à un fichier audio mis à disposition. Si chaque fichier est accompagné d'une transcription ou d'un résumé du contenu, l'information n'est pas totalement perdue.

3. Application des balises HTML uniquement à des fins sémantiques

La façon dont une application peut identifier ce qu'est un titre, un sous-titre, une légende, une abréviation, etc… se fait par l'utilisation des balises HTML. Si celles-ci sont utilisées pour la mise en forme du site plutôt qu'uniquement à des fins sémantiques, il devient plus difficile pour un lecteur d'écran de comprendre la pertinence d'un texte donné. Une utilisation correcte de ces balises bénéficie également au SEO du site.

4. Utiliser des mécanismes pour sauter les menus et les tableaux

Pour un utilisateur non-voyant, en naviguant sur un site, il devrait pouvoir sauter les menus et les tableaux. Dans le cas des menus, il entendra toujours le même contenu chaque fois qu'il y entre. Dans un tableau, un lecteur d'écran parcourra l'intégralité de la zone, lisant chaque cellule. Il existe des mécanismes permettant d'afficher un bouton à cet effet, qui ne s'affichera que si le site est consulté sans CSS.

5. Vérifier les directives spécifiques à chaque type de contenu

Les Web Content Accessibility Guidelines (WCAG) constituent un document contenant une série de directives permettant de rendre le contenu plus perceptible, exploitable, compréhensible et robuste. Ces directives couvrent chaque type de contenu susceptible d'être affiché sur un site web ainsi que certaines précautions à prendre pendant le développement.

Il existe également des outils, comme WAVE de WebAIM (organisation dédiée à l'accessibilité sur Internet), qui permettent de vérifier si le site que nous développons est accessible. De plus, en tant que développeurs et gestionnaires de contenu, nous devons nous mettre à la place de ceux qui utiliseront ce que nous construisons et réfléchir si ce que nous développons peut être consommé par des personnes qui ne peuvent pas utiliser Internet de la même façon que nous.

Sources :

Organization, W. H. (2011). World report on disability 2011 (9241564180). Récupéré sur https://www.who.int/disabilities/world_report/2011/report.pdf?ua=1

Caldwell, B., Reid, L. G., Vanderheiden, G., Chisholm, W., Slatin, J., White, J., … Cooper, M. (2018). Web Content Accessibility Guidelines (WCAG) 2.1. Récupéré le 16 novembre 2019, sur https://www.w3.org/TR/WCAG21/