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
  1. Montez le son de votre ordinateur.
  2. Cliquez sur un des deux boutons ci-dessous, puis fermez les yeux et écoutez.
  3. À 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é.

Site mal conçu

Demande de congés

Boutons sans intitulé, images muettes, champs sans étiquette. Pour vos yeux, ça passe. Pour une oreille, c'est le brouillard.

Site bien conçu

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
  1. Une lettre braille tient dans une cellule de 6 points (2 colonnes, 3 lignes).
  2. 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.
  3. 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
  1. Voici 3 images. Pour l'instant, un aveugle n'entendrait que leur nom de fichier : inutile.
  2. Cliquez sur « Générer les descriptions par IA ».
  3. 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.
Démonstration sur exemples. En production, appel à un modèle de vision (Claude, GPT-4o).
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
  1. Posez une question : au micro (le bouton rond), ou en cliquant une des questions toutes prêtes.
  2. L'assistant vous répond à voix haute (et l'écrit aussi, juste en dessous).
  3. 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
  1. Collez le texte d'une offre d'emploi, ou cliquez « Charger un exemple ».
  2. Cliquez « Analyser ».
  3. L'outil repère les pièges qui bloquent un candidat aveugle, donne une note, et propose un correctif pour chacun.

Et après ?

Cette boîte à outils est un point de départ. Quatre prolongements gardés au chaud :

  • 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.Une enquête jouée à l'oreille, écran noir, pour la Semaine du handicap en novembre.

Rendons votre numérique accessible à tous

Sensibilisation, audit, formation, mise en conformité. Parlons de votre projet d'inclusion numérique.