Demande de congés
Boutons sans intitulé, images muettes, champs sans étiquette. Pour vos yeux, ça passe. Pour une oreille, c'est le brouillard.
L'angle mort du numérique
Et si, pendant deux minutes,
c'était vous qu'on excluait ?
On ne met pas de braille sur un site web. On le construit pour que les machines des personnes aveugles sachent le lire. La plupart des sites n'y arrivent pas. Cette boîte à outils le montre, le fait ressentir, et donne les moyens d'agir.
- 12 Mpersonnes en situation de handicap en France
- 1,7 Mpersonnes aveugles ou malvoyantes
- 80 %des handicaps sont invisibles
- 14 %de chômage, soit le double de la moyenne
Sources : INSEE, DARES, Agefiph, Fédération des aveugles de France.
01
Dans le Noir
Entendez, en 30 secondes, ce qu'une personne aveugle entend quand elle visite un site.
Une personne aveugle ne voit pas l'écran. Son ordinateur lui lit la page à voix haute (c'est un « lecteur d'écran »). Si la page est bien construite, elle comprend tout. Si elle est mal construite, elle n'entend qu'un charabia de « bouton », « image », « cliquez ici » et se retrouve bloquée. Le but de cet outil : vous le faire entendre.
Comment ça marche
- Montez le son de votre ordinateur.
- Cliquez sur un des deux boutons ci-dessous, puis fermez les yeux et écoutez.
- À gauche, un site mal conçu : du charabia, on est perdu. À droite, le même formulaire bien conçu : tout est clair.
La transcription de ce qui est dit s'affiche aussi à l'écran, si le son est coupé.
Demande de congés
Mêmes informations, exactement. Mais chaque élément s'annonce clairement. La personne réussit, seule, les yeux fermés.
Prêt à aller plus loin ? Coupez l'image, fermez les yeux, et avancez vous-même au clavier dans le bon site.
02
Le Clavier Braille
Comprenez comment fonctionne le braille, puis défiez-vous au jeu.
Comment ça marche
- Une lettre braille tient dans une cellule de 6 points (2 colonnes, 3 lignes).
- Composez une lettre : cliquez les points, ou appuyez ensemble sur F D S (points 1-2-3) et J K L (points 4-5-6), comme sur une machine Perkins.
- Ou tapez un mot à droite pour le voir s'écrire en braille.
?Composez une lettre
Écrivez un mot
Voir l'alphabet braille complet
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
03
Décris-moi
Le fléau numéro un : les images muettes. L'IA leur redonne une voix.
Sans description (le fameux texte alternatif), une image n'existe pas pour un lecteur d'écran : il annonce juste « image », ou pire, un nom de fichier. Multipliez par des milliers d'images et un site entier devient muet. Une IA qui « voit » l'image peut redonner la parole à chacune.
Comment ça marche
- Voici 3 images. Pour l'instant, un aveugle n'entendrait que leur nom de fichier : inutile.
- Cliquez sur « Générer les descriptions par IA ».
- Chaque image reçoit une vraie description, qu'une personne aveugle peut écouter. C'est ce qu'on pourrait appliquer à tout un site, en masse.
Texte alternatif
« image, IMG_2043.jpg »
Texte alternatif
« image, capture-ecran.png »
Texte alternatif
« image, photo1.jpeg »
04
L'Assistant Vocal
Une orientation sur le handicap au travail (RQTH), pensée d'abord pour l'oreille.
Un formulaire administratif en PDF est souvent un mur pour un lecteur d'écran. À l'inverse, un assistant conçu pour l'oreille guide la personne pas à pas, en lui parlant. Voici l'idée, en démonstration.
Comment ça marche
- Posez une question : au micro (le bouton rond), ou en cliquant une des questions toutes prêtes.
- L'assistant vous répond à voix haute (et l'écrit aussi, juste en dessous).
- Tout passe par la voix : c'est utilisable sans jamais voir l'écran.
Cliquez le micro, ou choisissez une question ci-dessous
Micro non disponible sur ce navigateur. Les questions ci-dessus fonctionnent partout.
05
Le Détecteur de Barrières
Votre offre d'emploi exclut-elle, sans le savoir, des candidats aveugles ?
Une entreprise de 20 salariés et plus doit employer 6 % de personnes handicapées (obligation OETH). Mais beaucoup excluent sans le vouloir, dès l'offre d'emploi : un formulaire PDF infranchissable, un captcha visuel, une consigne « remplissez les cases en rouge »... Autant de murs invisibles pour une personne aveugle.
Comment ça marche
- Collez le texte d'une offre d'emploi, ou cliquez « Charger un exemple ».
- Cliquez « Analyser ».
- L'outil repère les pièges qui bloquent un candidat aveugle, donne une note, et propose un correctif pour chacun.
06
L'Écholocation
Et si une page web s'entendait en relief, comme une pièce dans laquelle on entre ?
Des personnes aveugles se déplacent réellement à l'écholocation : elles émettent des clics de langue et lisent l'écho, comme un sonar. Votre cerveau sait faire pareil — il localise un son grâce aux minuscules différences entre vos deux oreilles. Cette page utilise cette capacité (le rendu binaural HRTF du navigateur) pour placer chaque élément d'une page web autour de votre tête. Un titre sonne large, un lien claque, un champ souffle, un bouton tinte. Les yeux fermés, on sait quoi et où.
Comment ça marche
- Mettez un casque — indispensable pour entendre le relief.
- Cliquez sur un élément de la mini-page ci-dessous, fermez les yeux, écoutez d'où il vient.
- Puis lancez la visite complète : la page entière se dessine dans l'espace, sans écran.
Chaque type d'élément a son timbre : on le reconnaît sans qu'aucun mot soit prononcé.
🎧 Casque requis — c'est lui qui crée l'espace en trois dimensions.
Aujourd'hui, les lecteurs d'écran aplatissent tout en une liste, lue ligne par ligne. L'audio spatial pourrait rendre au web sa géographie. C'est une piste de recherche bien réelle — et vous venez de l'entendre.
07
Voir avec les Oreilles
Transformez une image en son, en direct — la technologie qu'utilisent réellement des personnes aveugles depuis 1992.
Le système The vOICe (Peter Meijer, 1992) convertit l'image d'une caméra en paysage sonore : l'image est balayée de gauche à droite, ce qui est haut sonne aigu, ce qui est lumineux sonne fort. Avec de l'entraînement, le cerveau réapprend à « voir » par ce canal — les études en imagerie montrent que le cortex visuel des utilisateurs aveugles s'active. Ici, tout tourne dans votre navigateur : dessinez une forme, ou montrez un objet à la caméra, et écoutez-la.
Comment ça marche
- Écoutez d'abord les formes d'exemple : une ligne qui monte fait un son qui monte.
- Dessinez dans le cadre noir (doigt ou souris), puis cliquez sur « Écouter mon dessin ».
- Activez la caméra et déplacez votre main devant : vous l'entendez bouger.
Règle d'or : gauche → droite dans le temps, aigu = haut, fort = lumineux.
La caméra reste dans votre navigateur : aucune image n'est envoyée nulle part.
Classement général de la campagne
Le cumul de vos points sur les 7 jeux. Chaque entreprise a sa page et son classement.
EntrepriseTous Concernés
Chargement...
Et après ?
Cette boîte à outils est un point de départ. Trois prolongements gardés au chaud — et un déjà livré :
- L'audit en un clic.Le moteur de Dans le Noir branché sur n'importe quel site, avec une note d'inclusion et la liste des correctifs.
- Décris-moi en extension.Générer les descriptions de toutes les images d'un site existant, automatiquement.
- HandiQuiz Cécité. Le serious game qui démonte les idées reçues sur le travail des personnes aveugles.
- L'escape game audio — c'est fait ! 🔦Une enquête jouée à l'oreille, écran noir : trois salles, un digicode, un générateur. Jouer à L'Enquête dans le Noir
Rendons votre numérique accessible à tous
Sensibilisation, audit, formation, mise en conformité. Parlons de votre projet d'inclusion numérique.