Chapitre 1.1 — C’est quoi, l’accessibilité
⏱️ TL;DR — L’accessibilité numérique (a11y — « a », puis 11 lettres, puis « y ») consiste à concevoir des sites et applications que tout le monde peut percevoir, comprendre et utiliser, quels que soient ses capacités, son matériel ou son contexte. Ce n’est pas un cas particulier « pour handicapés » : c’est une propriété de qualité de ton interface. Comme le trottoir abaissé profite aussi aux poussettes et aux valises, une interface accessible profite à tous les utilisateurs — y compris toi, un jour où tu as un bras dans le plâtre ou le soleil en plein écran.
🎯 Objectifs
- Donner une définition juste de l’accessibilité numérique.
- Comprendre l’effet « trottoir abaissé » (curb-cut effect).
- Distinguer handicap permanent, temporaire et situationnel.
- Situer l’a11y par rapport à l’ergonomie et à l’inconvénient (« ce n’est pas la même chose »).
Une définition simple
L’accessibilité, c’est retirer les obstacles qui empêchent une personne d’utiliser ce que tu construis. Le W3C la définit ainsi : le web est fait pour fonctionner pour tous, quels que soient le matériel, le logiciel, la langue, la localisation ou les capacités de la personne. Quand un site est accessible, une personne aveugle peut le lire avec un lecteur d’écran, une personne qui ne peut pas utiliser de souris peut tout faire au clavier, une personne sourde peut suivre une vidéo grâce aux sous-titres.
Le sigle a11y est un numéronyme : le mot anglais accessibility commence par « a », finit par « y », avec 11 lettres au milieu. On le prononce « a-eleven-y » ou simplement « accessibilité ». Tu le croiseras partout (eslint-plugin-jsx-a11y, la communauté #a11y…).
L’effet « trottoir abaissé »
L’image la plus utile pour comprendre l’a11y vient de l’urbanisme. Le trottoir abaissé (ces petites rampes au coin des rues) a été conçu pour les personnes en fauteuil roulant. Mais qui l’utilise au quotidien ? Les parents avec une poussette, les voyageurs avec une valise à roulettes, les livreurs avec un diable, les personnes âgées, les cyclistes. Une adaptation pensée pour une minorité améliore l’expérience de tous.
C’est exactement pareil sur le web. On parle d’effet trottoir abaissé (curb-cut effect) :
- Les sous-titres, pensés pour les personnes sourdes, servent à tous ceux qui regardent une vidéo dans les transports sans le son, ou qui apprennent une langue.
- Un bon contraste, pensé pour les malvoyants, sauve tout le monde en plein soleil.
- Une navigation clavier, pensée pour ceux qui ne peuvent pas tenir de souris, accélère les utilisateurs experts.
- Une structure claire, pensée pour les lecteurs d’écran, aide aussi le référencement (SEO) et la compréhension générale.
💡 Réflexe — Ne pense pas « je fais une faveur à une minorité ». Pense « je construis quelque chose de mieux fait, qui marche dans plus de situations ». L’accessibilité est un indicateur de qualité, pas une contrainte à part.
Handicap permanent, temporaire, situationnel
L’erreur classique est de se représenter « le handicap » comme une catégorie fixe et lointaine. En réalité, les limitations forment un spectre que tout le monde traverse. Microsoft a popularisé cette grille avec l’exemple de la limitation d’un bras :
| Type | Exemple (usage d’un seul bras) | Durée |
|---|---|---|
| Permanent | Personne amputée d’un bras | Toute la vie |
| Temporaire | Bras cassé, dans le plâtre | Quelques semaines |
| Situationnel | Parent qui porte un bébé, main occupée | Quelques minutes |
Les trois personnes ont, à cet instant, le même besoin : faire les choses à une main. Une interface utilisable à une main les sert toutes. Multiplie ça par tous les types de limitations (vue, audition, motricité, cognition) et tu comprends pourquoi l’a11y ne concerne pas « quelques pour cent » d’utilisateurs, mais une part énorme de ton public, à un moment ou un autre.
♿ Côté utilisateur — Toi aussi tu es concerné. Écran cassé et illisible, connexion lente qui casse le CSS, environnement bruyant, fatigue, migraine, main dans le plâtre : ce jour-là, tu es un utilisateur avec des besoins d’accessibilité. Concevoir accessible, c’est aussi concevoir pour ton futur toi.
Accessibilité, ergonomie, inclusivité : les nuances
Trois mots proches, à ne pas confondre :
- Accessibilité (a11y) : est-ce que la personne peut utiliser l’interface, quels que soient ses capacités et outils ? C’est binaire dans l’esprit (obstacle ou pas), et normé (WCAG).
- Ergonomie / UX : une fois que c’est accessible, est-ce agréable et efficace à utiliser ? L’a11y est un socle de l’UX, pas un synonyme.
- Conception inclusive (inclusive design) : la démarche qui consiste à concevoir dès le départ pour la diversité humaine. L’accessibilité en est le résultat mesurable.
Ces distinctions comptent : un site peut être « accessible » (techniquement conforme) mais pénible ; l’objectif d’un expert est les deux — conforme et agréable.
🧭 Sur A11yLearn — Notre fil rouge, la plateforme de formation A11yLearn, illustrera ce spectre en continu. Un apprenant peut être aveugle (permanent), avoir une tendinite qui l’empêche d’utiliser la souris (temporaire), ou suivre un cours en vidéo dans le train sans écouteurs (situationnel). Chaque correctif qu’on apportera servira, à chaque fois, bien plus de monde que la « cible » d’origine.
✏️ Exercices
Exercice 1 — Trouve l’effet trottoir abaissé. Prends une fonctionnalité d’accessibilité (sous-titres, mode sombre, navigation clavier, gros boutons) et liste trois publics non-handicapés qui en bénéficient aussi.
✅ Solution
Exemple avec les sous-titres : (1) une personne dans un open-space sans écouteurs, (2) quelqu’un qui apprend le français, (3) un utilisateur qui regarde dans un environnement bruyant (bar, transports). Le simple fait de trouver facilement trois publics montre que la fonctionnalité n’est pas « de niche » : elle améliore le produit pour une large audience. C’est l’argument à ressortir quand on te dit « ça ne concerne que peu de gens ».
Exercice 2 — Classe des situations. Pour chacune, dis si la limitation est permanente, temporaire ou situationnelle : (a) cataracte non opérée, (b) yeux dilatés après une visite chez l’ophtalmo, (c) écran en plein soleil.
✅ Solution
(a) Permanent — la vision est durablement altérée. (b) Temporaire — la gêne dure quelques heures. (c) Situationnel — dépend de l’environnement immédiat. Les trois créent le même besoin : un fort contraste et une taille de texte suffisante. Un seul et même correctif (respecter les critères de contraste WCAG) répond aux trois — d’où l’efficacité de concevoir accessible plutôt que de traiter chaque cas séparément.
🧠 Quiz de révision
1. Que signifie « a11y » ?
C’est un numéronyme d’accessibility : la lettre « a », 11 lettres au milieu, puis « y ». Ça désigne l’accessibilité numérique. On le retrouve dans des noms d’outils (eslint-plugin-jsx-a11y) et de communautés.
2. Explique l’effet « trottoir abaissé ».
Une adaptation conçue pour une minorité (la rampe pour fauteuils roulants) profite en réalité à beaucoup d’autres (poussettes, valises, livreurs). Sur le web, sous-titres, contraste, navigation clavier ou structure claire améliorent l’expérience de tous les utilisateurs, pas seulement de la cible d’origine.
3. Quelle est la différence entre handicap permanent, temporaire et situationnel ?
Le permanent dure toute la vie (ex. amputation), le temporaire un temps limité (ex. bras cassé), le situationnel dépend du contexte immédiat (ex. porter un bébé). Les trois peuvent créer le même besoin fonctionnel — d’où l’intérêt de concevoir pour le besoin, pas pour la catégorie.
4. L’accessibilité, est-ce la même chose que l’ergonomie (UX) ?
Non. L’accessibilité demande : la personne peut-elle utiliser l’interface, quels que soient ses capacités et outils ? L’ergonomie demande : est-ce agréable et efficace ? L’a11y est le socle de l’UX ; un site peut être conforme mais pénible. L’objectif d’expert, c’est les deux.
5. « L’accessibilité ne concerne que quelques pour cent d’utilisateurs. » Pourquoi est-ce faux ?
Parce que les limitations forment un spectre que tout le monde traverse (permanent, temporaire, situationnel), et parce que les adaptations profitent bien au-delà de la cible (effet trottoir abaissé). À un moment donné, une très grande part de ton public a un besoin d’accessibilité — y compris toi.
Chapitre suivant : Les utilisateurs & leurs outils — qui sont concrètement ces utilisateurs, et avec quelles technologies d’assistance ils naviguent.