Introduction à l’accessibilité web

Introduction à l'accessibilité web.

Je m’appelle Quentin Bellanger : je suis développeur front-end depuis quelques années et je travaille en ce moment chez HelloAsso.

L’accessibilité web est un sujet qui me passionne depuis plusieurs années et je propose d’en faire une introduction pour présenter le sujet.

Qu’est-ce que l’accessibilité web ?

L’accessibilité web est un des piliers du web qu’a créé Tim Berners Lee (le créateur du web). Son objectif était de le rendre universel pour que 100% des personnes ayant accès au web (environ 4,4 milliards de personnes dans le monde) puisse l’utiliser de manière optimale. Et ce, peu importe leurs outils, technologies, sexe, langage ou localisation.

Si on devait donner une définition courte et complète :

L’accessibilité web, c’est la possibilité pour toutes et tous d’utiliser les sites web, outils et technologies.

Qui est concerné ?

On pense souvent que seules les personnes aveugles sont concernées mais il existe beaucoup de handicaps différents (visuels, auditifs, moteurs, cognitifs…) qui ont chacun leurs outils quant à la manière d’utiliser le web : claviers, souris, lecteurs d’écran, loupes… Aux Etats-Unis, 25% de la population est touchée par un handicap (source) et la proportion est du même ordre de grandeur dans les autres pays.

Mais tout le monde est potentiellement concerné : on est tous potentiellement une fois dans notre vie dans une situation similaire à une situation de handicap temporaire. Quelques exemples :

• Baisse de la vue suite au vieillissement.
• Blessure à un bras.
• Luminosité très élevée.

Référentiel et principes

Sur le web, l’accessibilité web est régie par les WCAG (Web Content Accessibility Guidelines) qui est une ensemble de règles créées par W3C (les personnes ayant créé le web). Ces règles détaillent si ce qu’on fait ou non est accessible. Elles sont réparties selon 4 principes :

1. Perceptible : les informations et l’interface utilisateurs doivent être perceptibles (alternatives textuelles aux médias, design contrasté…).
2. Utilisable : les fonctionnalités et l’interface utilisateur doivent être utilisables (utilisation au clavier, contrôles sur les vidéos…).
3. Compréhensible : le contenu et l’interface utilisateur doivent être compréhensibles (messages d’erreur clairs, savoir où les liens nous mènent…).
4. Robuste : le site web doit pouvoir être interprété par une large variété d’agents utilisateurs (compatibilité navigateurs, responsive design, connexions bas débits).

En France, il y a une équivalent : le RGAA (Référentiel Général d’Accessibilité pour les Administrations) qui est un dérivé des WCAG.

1. Perceptible
2. Utilisable
3. Compréhensible
4. Robuste

Pourquoi est-ce important ?

Le constat est très grave : il y a trop de sites pas accessibles (97,8%*) aujourd’hui. Une étude de WebAIM (un institut qui fait de l’accessibilité sur le web) a réalisé une étude en analysant 1 million de sites web. Pour chaque site ils ont passé chaque critère des WCAG sur la page d’accueil. Et le résultat montre que 97,8% des pages ne sont pas accessibles.

Les causes à cela :

1. Un manque de sensibilisation : l’accessibilité web n’est pas une compétence apprise dans les formations et les développeurs ont peu de connaissance à ce sujet.
2. Des choix de priorité dans la conception : lors de la conception d’un site web, l’accessibilité web va souvent être mise en retrait face à d’autres disciplines comme le SEO, le design ou l’expérience utilisateur. On fait de l’accessibilité en général “si on a le temps”.
3. Le manque de mesures légales : il y a quelques lois en France mais très peu de devoirs concernant les entreprises. Une loi en France (article 106 pour une République Numérique) oblige les entreprises ayant une mission de service public et les grosses entreprises à mettre en place des actions pour rendre leurs sites accessibles.

Rendre un site accessible

Sans rentrer dans les détails, il y a deux principes à connaître afin de rendre accessible un site :

1. C’est un travail qui commence dès la conception, au même titre que les autres disciplines. L’accessibilité n’est pas un pansement qu’on applique à un site déjà fini, ça se fait dès le démarrage du projet afin de pouvoir anticiper les potentiels besoins.
2. C’est une démarche collective et chaque collaborateur est concerné. Chacun a sa responsabilité concernant l’accessibilité web.

• Gestion de projet (conception des nouvelles fonctionnalités)
• UX : parcours utilisateurs
• Design : contraste du site et cohérence visuelle
• Développement : structure et sémantique
• Contenu : wording et contenu alternatifs

Pour finir

Pour terminer avec une citation que j’ai vu sur Twitter mais dont j’ai oublié l’auteur :

L’accessibilité web n’est pas une fonctionnalité mais une nécessité.

On en fait pas de l’accessibilité si on a le temps et ça n’est pas optionnel. En tant que professionnels du web, c’est un devoir qu’on a de rendre le web accessible à tous.

Merci

Merci pour votre attention !

Vous pouvez me suivre sur Twitter @bellanger_q où je partage des articles sur beaucoup de sujets dont l’accessibilité ou l’intégration web.

Pour aller plus loin

Pour ceux qui souhaitent aller plus loin, voici quelques références à suivre pour affiner ses connaissances sur l’accessibilité web :

Entreprises et groupes :

• Access 42
• The a11y project
• The Paciello Group
• Web Axe
• Deque Systems

Personnes :

• Eric Bailey
• Laura Kalbag
• Heydon Pickering
• Leonie Watson
• Adrian Roselli