Le , par Marie Le Borgne - Accessibilité
Temps de lecture estimé : 12 minutes.
Seconde partie de notre calendrier de l’Avent dédié à l’accessibilité et aux personnes handicapées.
Pour rappel il s’agit de mettre en avant un handicap, relié à une référence pop culture (film ou série), accompagné de conseils pratiques pour rendre l’expérience numérique plus inclusive.
Afin d’être plus digeste, cet article été découpé en 3 parties :
- Calendrier de l’avent de l’accessibilité numérique 2024 : La représentation du handicap dans la pop culture (partie 1 sur 3)
- Calendrier de l’avent de l’accessibilité numérique 2024 : La représentation du handicap dans la pop culture (partie 2 sur 3)
- Calendrier de l’avent de l’accessibilité numérique 2024 : La représentation du handicap dans la pop culture (partie 3 sur 3)
Sommaire :
- Jour 9 - Troubles de la parole
- Jour 10 - Le diabète
- Jour 11 - Les hallucinations auditives
- Jour 12 - Les tremblements
- Jour 13 - La dyslexie
- Jour 14 - Les Troubles Obsessionnels Compulsifs (TOC)
- Jour 15 : La tétraplégie (troubles moteurs)
- Jour 16 : Les migraines
Jour 9 - Troubles de la parole
Dans le film « Le discours d’un roi », où le roi George VI se retrouve au pouvoir et doit surmonter son bégaiement afin de pouvoir s’exprimer en public. Beaucoup d’accompagnement et de travail lui permettent d’améliorer son langage.
En autre référence j’avais Bernardo le fidèle compagnon de Zorro qui est muet. J’ai choisi de présenter le bégaiement pour montrer aussi la variété de handicap derrière ces troubles de la parole, il y a aussi la dysphasie, l’aphasie, les troubles de la parole liés à la surdité, ….
Impact des troubles de la parole sur l’expérience numérique
Les impacts seront surtout vis à vis de la communication vocale, le besoin de devoir appeler un service téléphonique, sans alternative, deviendra une impossibilité pour les personnes avec un trouble de la parole.
Améliorer l’accessibilité pour une personne avec des troubles de la parole
Je vous conseille de lire l’article de Biljana Michel pour les 24 jours du web qui en parle plus en détail et propose comment améliorer le numérique pour ces personnes : L’accessibilité pour les personnes avec un handicap de la parole
Jour 10 - Le diabète
En tant que grande fan de « South Park », j’ai tout de suite pensé à Scott Malkinson. Ce n’est sans doute pas la plus belle représentation du diabète, mais dans le jeu vidéo « South Park : L’annale du destin », le diabète de Scott lui confère des super pouvoirs (grâce à une prise rapide de sucre qui doit être vite suivie par une prise d’insuline) il devient alors Capitaine Diabète.
Impact du diabète sur l’expérience numérique
Le diabète peut ne pas être découvert rapidement ou être mal soigné ce qui peut créer des troubles de la vue. Cette vision « tachetée » va rendre complexe la consultation de certains contenus numériques. Les variations de glucose vont entraîner de la fatigue et des difficultés de concentration.
Améliorer l’accessibilité pour une personne diabétique
- Assurer un contraste suffisant entre les couleurs des textes et éléments graphiques et leur arrière-plan.
- Clarifier la raison des erreurs et qu’est-ce qui est en erreur pour qu’elles soient facilement compréhensibles et identifiées.
- Permettre un affichage zoomé sans perte d’information.
Je n’ai pas réussi à trouver de référence de diabétique avec troubles de la vision, cependant, pour plus d’informations ou sensibiliser, vous pouvez découvrir le jeu éducatif « Glucozor » (disponible en application mobile également).
Jour 11 - Les hallucinations auditives
Le personnage principal de « Mr. Robot », Elliot Alderson, présente plusieurs troubles psy dont des hallucinations visuelles et auditives. Je n’en dis pas plus de peur de spoiler la série si vous ne l’avez jamais vue.
Les représentations des handicaps psy sont souvent présentes dans des séries ou films d’horreur, j’ai trouvé difficile d’avoir des exemples plus « ordinaires ». On m’a également parlé du jeu vidéo « Hellblade » dont le personnage principal, Senua, entend des voix et essaye de lutter contre ce qu’elle pense être une malédiction.
Impact des hallucinations auditives sur l’expérience numérique
Toutes informations audios sur un site peuvent être altérées par les hallucinations auditives. Soit l’information est modifiée soit elle ne peut être correctement entendue
Améliorer l’accessibilité pour une personne ayant des hallucinations auditives
- Ne pas lancer automatiquement du son, encore moins s’il est informatif
- Sous titrer les vidéos contenant des informations audios, permettant de s’assurer que ce qui est entendu est bien similaire au contenu de la vidéo.
- Prévoir des transcriptions écrites des informations audios (type podcast), pour également s’assurer d’avoir bien le même niveau d’information que ce qui est à priori entendu.
Jour 12 - Les tremblements
Dans « Iron Man 3 », Tony Stark, le personnage principal, a des troubles du stress post-traumatique (TPST) suite à des événements des précédents films Marvel. Parmi ces troubles, il a des tremblements incontrôlés qui l’empêchent de mener à bien ses combats de super héros (je résume grossièrement).
Beaucoup d’autres références liées aux addictions comme « Dr House » ou Jesse Pinkman dans « Breaking Bad », comportant des scènes de tremblements. Il y a forcément des références de Parkinson mais je souhaitais présenter les autres raisons des tremblements, souvent moins connus, et pourtant tout autant handicapantes.
Impact des tremblements sur l’expérience numérique
Que ce soit suite à des TPST, une addiction, des effets secondaires de médicaments, du stress ou de maladie telle que Parkinson, les tremblements, qu’ils soient légers ou importants, vont rendre la navigation à la souris difficile, surtout si les éléments interactifs sont tout petits.
Améliorer l’accessibilité pour une personne ayant des tremblements
- Toutes interactions à la souris sont faisables au clavier seul, même d’une manière détournée, mais le résultat doit être similaire.
- Les zones interactives ont une taille minimale (24 par 24 pixels), afin d’éviter de cliquer ou toucher une zone interactive non souhaitée.
- Les gestes complexes (pincer pour zoomer, balayer sur l’écran, glisser déposer,..) ont une alternative via un geste simple (alternatives avec une pression ou un clic simple, une double pression ou un double-clic, une pression prolongée).
Jour 13 - La dyslexie
Si vous avez tenu jusqu’à la saison 4 de « Glee », vous avez connu Ryder Lynn, un des personnages principaux, qui est dyslexique (trouble cognitif lié à l’apprentissage de la lecture). Il apprend sa dyslexie au lycée grâce au soutien de ses amis alors que jusque-là, il pensait qu’il était illettré.
Il semblerait que Percy Jackson, dans les livres, parle aussi qu’il serait dyslexique (en plus de son TDAH, voir 1er décembre). Après discussion avec des collègues, il y a aussi Drazic de « Hartley Coeur » à vif qui a une dyslexie légère.
Impact de la dyslexie sur l’expérience numérique
Les personnes dyslexiques vont avoir plus de difficultés à lire des textes avec certaines mises en formes, ou si les textes sont animés.
Améliorer l’accessibilité pour une personne dyslexique
Les personnes dyslexiques peuvent utiliser des outils de mise en forme du texte. Donc en général, il faut assurer la possibilité de mise en forme du texte (par exemple du texte dans une image ne le permettra pas).
- Utiliser une police sans empattement (les « sans sérif »), pour éviter de complexifier la lecture des lettres.
- Ne pas « justifier » les textes afin que les espacements entre les mots et lettres soient réguliers, afin d’éviter de devoir « recalibrer » sa lecture suivant chaque mots.
- Assurer des contrastes suffisants pour faciliter la lecture, afin d’améliorer la lisibilité et ne pas compliquer la lecture.
Jour 14 - Les Troubles Obsessionnels Compulsifs (TOC)
Le premier exemple qui m’est venu à l’esprit est Adrien Monk dans la série « Monk ». Consultant à la police de San Francisco, il parvient à résoudre les enquêtes les plus complexes. Le co-créateur de la série a pris la décision d’ajouter des TOC et nombreuses phobies à Monk en se basant sur sa propre expérience. Les TOC de Monk entravent parfois ses enquêtes, car a des besoins soulager ses TOC avant de pouvoir examiner une scène de crime. Ce qui peut être compliqué lorsque les TOC sont liés à du rangement.
Les représentations des TOC étaient assez nombreuses dans les films et séries mais beaucoup sous le spectre humoristique. Pour Monk c’est souvent tourné à la dérision, mais plusieurs épisodes sont sur des crises qu’il peut avoir, sans but humoristique, et les difficultés qu’il peut rencontrer s’il n’a pas d’aide pour limiter ses comportements obsessionnels.
Impact des TOC sur l’expérience numérique
Suivant les TOC de chaque personne, les impacts peuvent changer. Cependant les expériences pouvant créer de la frustration risquent d’augmenter les comportements obsessionnels. Par exemple le manque de confirmation suite à une action ou l’impossibilité de paramétrer la mise en page suivant ses préférences ( désactivation des publicités, modification de la police, taille, couleur,…)
Améliorer l’accessibilité pour une personne avec des TOC
- Permettre la modification de la mise en page avec les paramètres du navigateur ou le logiciel de chacun et chacune.
- Ajouter des messages de validation ou d’échec pour confirmer le résultat d’une action effectuée, afin d’éviter confusion, frustration ou répétition inutile de l’action.
- Éviter tout contenu avec un décompte ne pouvant pas être masqué, par exemple lors d’un achat, ne pas mettre un compte à rebours avant que le produit ne soit plus disponible. Si un compte à rebours est nécessaire, permettre aux utilisateurs de le masquer.
Jour 15 : La tétraplégie (troubles moteurs)
Clairement j’avais le choix, et après une grande hésitation avec Hector Salamanca dans la série « Breaking Bad » j’ai préféré le personnage d’Isaac Goodwin dans la série « Sex education ». J’ai choisi Isaac car l’acteur est lui-même tétraplégique, et que le rôle initial d’Isaac n’était pas forcément handicapé, le scénario s’est simplement adapté car l’acteur collait au rôle. Personnage récurrent depuis la saison 2, il est un ado « classique » intégré à la série, avec ses défauts, on peut le détester comme l’adorer, bref rien de particulier et c’est ça que j’adore chez ce personnage !
Pour une fois j’avais le choix dans les représentations de la tétraplégie, je pouvais aussi mentionner le film « Intouchables » qui a le mérite d’être français, mais c’est le même soucis que pour Breaking Bad, à la différence de Isaac Goodwin, l’acteur n’est pas handicapé. Si vous avez d’autres références d’acteur tétraplégique, n’hésitez pas à les partager.
Impact de la tétraplégie sur l’expérience numérique
On parle de tétraplégie quand la capacité motrice des 4 membres est touchée, cela ne veut pas dire que les 4 membres sont strictement immobiles. Cependant la motricité, la force, la précision sont touchées. Donc utiliser une souris ou un clavier ordinaire est impossible. Les personnes tétraplégiques vont utiliser des technologies d’assistances via des contacteurs, du contrôle vocal ou des commandes oculaires.
Améliorer l’accessibilité pour une personne ayant un trouble moteur
- Prévoir des noms pertinents pour les boutons pictogrammes sans texte visible, cela permet au logiciel de contrôle vocal de reconnaître correctement la commande quand il est demandé d’utiliser le « bouton fermer » (pictogramme croix) ou d’ouvrir le « menu » (pictogramme 3 traits horizontaux).
- Le focus (encadré, par exemple, apparaissant autour des éléments interactifs lors d’une navigation au clavier) doit être visible tout au long de la navigation, sur tous les éléments interactifs sur « desktop » et sur mobile.
- L’ordre dans lequel le focus se déplace (vers un élément suivant ou vers un élément précédent) doit être cohérent. Il doit correspondre à l’ordre de lecture et permettre de comprendre le contenu de l’écran, par exemple, lorsqu’une fenêtre modale est affichée, le focus doit être déplacé dessus, et ne pas avoir accès au contenu se trouvant derrière la modale.
- Beaucoup d’autres recommandations sont à prendre en compte dans la navigation « clavier » (qui inclut une partie des technologies d’assistances pour la tétraplégie). N’hésitez pas à vous même voir si le focus visible est bien appliqué en utilisant la touche « tab » de votre clavier (les deux flèches horizontales l’une sur l’autre). Cela ne représente pas un test complet, mais vous permet d’apercevoir les blocages que des personnes peuvent rencontrer sur les sites que vous consultez régulièrement.
Jour 16 : Les migraines
« Shutter Island » est un thriller psychologique avec un hôpital psychiatrique et qui ne présente pas de handicap psy (c’est une victoire en soi !). Dans ce film, le Marshall Teddy Daniels a une migraine pendant une scène où des personnes migraineuses ont indiquées que la description et la représentation de la migraine est plus proche de la réalité contrairement à la fameuse représentation où la migraine est utilisée comme un prétexte pour éviter de faire quelque chose ou d’aller quelque part.
Impact de la migraine sur l’expérience numérique
Chaque migraine est vécue différemment, on retrouve régulièrement de la photosensibilité (hypersensibilité à la lumière), des nausées, de la fatigue et une haute sensibilité au bruit. Toutes expériences web où ces sens seront hyper stimulés, pourront devenir agressives voir douloureuses pour les personnes avec une migraine.
Améliorer l’accessibilité pour une personne migraineuse
- Éviter tout ce qui est animations, effets « parallaxe », stimulis visuels, ou permettre leur désactivation.
- Permettre de contrôler le volume des éléments sonores.
- Faciliter la lecture en évitant les longs blocs de texte sans aération et les polices trop petites ou trop complexes.
Saviez-vous que pour limiter les animations, les iPhones permettent de « réduire les animations » ? Cela enlève les effets visuels des transitions entre écrans ou applications par exemple. Cela peut aussi désactiver les animations dans les applications… si l’accessibilité à été prise en compte dans le développement de l’application.
À suivre
La suite de cette série :