Le Comptoir OCTO - Accessibilité

1. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Parlons des situations de handicap numérique Ne passez plus à côté de 40 % de vos utilisateurs potentiels ! Comptoir OCTO du 23/11/2021

2. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 2 Romy Duhem-Verdière User eXperience & web accessibility Consultante senior OCTO Technology Experte AccessiWeb 2016 rdv@octo.com - @tetue

4. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 4 Qui sont réellement vos utilisateurs, dans leur diversité ? Assez difficile de savoir exactement. Mais ce qui est certain, c’est que parmi eux, certains sont en situation de handicap.

6. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Les handicaps sont majoritairement invisibles 6 Vous pensez que vos utilisateurs n’ont pas de handicap ? Parce que ça ne se voit pas ! 80 % des handicaps sont invisibles : surdité, daltonisme, mal-voyance, rhumatismes, syndrome d’Asperger, dys…

8. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Handicapé Situation de handicap 8 par l’Organisation Mondiale de la Santé (OMS) Évolution de la définition du handicap Handicap comme attribut personnel « Dans le contexte d'expérience de santé, un handicap correspond à n'importe quelle restriction ou incapacité (résultant d’une déficience) pour exécuter une activité de la façon la plus normale pour un être humain. » Handicap dépendant du contexte « Le handicap n'est pas juste un problème de santé. C’est un phénomène complexe, reflétant l'interaction entre les caractéristiques corporelles d'une personne et les spécificités de l’environnement dans lequel il ou elle vit. » Source : Inclusive Microsoft Design manual : https://www.microsoft.com/design/inclusive/ 1980 Aujourd’hui

9. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 9 Le handicap est défini (par l’article 14 de loi française du 11 février 2005) comme « toute limitation d’activité ou restriction de participation à la vie en société subie dans son environnement par une personne en raison d’une altération substantielle, durable ou définitive d’une ou plusieurs fonctions physiques, sensorielles, mentales, cognitives ou psychiques, d’un polyhandicap ou d’un trouble de santé invalidant ». situations de handicap limitation dépendante du contexte handicap = limitation

11. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 11 (autour de la compréhension) Situations de handicap Source : Design de l’inclusivité, par Damien Senger, 2018 : https://noti.st/hiwelo/w6Q9rK/design-de-l-inclusivite — Icônes Microsoft

12. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 12 Cas d’usage : dans le train, en basse connexion, les images ne se chargent pas toutes : il reste possible de choisir son film sur Netflix (à droite), même en l’absence d’images, alors que c’est impossible sur Amazon (à gauche). L’un est « accessible », pas l’autre.

13. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Des formulaires insuffisamment contrastés sont difficiles à utiliser, même par des utilisateurs ayant une bonne vue, parce que leur écran est de mauvaise qualité, mal calibré ou reçoit trop de lumière (exposé au soleil). 13 Les policiers sont recrutés parmi les valides ayant une bonne vue. Cas d’école : police nationale Mais leurs écrans sont de mauvaise qualité et mal calibrés…

15. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 15 Orange Confort+ est une solution OpenSource pour améliorer le confort de lecture pour tous et toutes : https://confort-plus.orange.com Mariane est dyslexique. Lire des textes est fastidieux pour elle. Heureusement, son logiciel l’aide beaucoup dans son travail. Comme 8 à 10 % de la population française.

16. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 16 Understanding Color Blindness: A Guide to Accessible Design : http://cruxcollaborative.com/insights/understanding-color-blindness-guide-to-accessible-design Florian est daltonien. Il ne perçoit pas toutes les couleurs et ne distingue notamment pas entre le rouge et le vert. Perception d’une personne deutéranope Vision « normale » Seulement 25 % d’entre nous peuvent voir l’ensemble des couleurs du spectre ! Comme 8 % des hommes, soit 2 500 000 personnes en France, (4 % de la population).

17. Essayez vous-même : https://atalan.fr/agissons/fr/malvoyance.html 17 Brigitte est mal voyante. Elle a besoin de textes suffisamment contrastés et d’agrandir fortement les caractères pour pouvoir lire. Grâce à son logiciel de loupe d’écran, elle peut naviguer sur le Web, à condition que l’interface ne soit pas trop complexe.

18. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 18 Alexandre souffre de douleurs chroniques. Il a souvent des insomnies, qu’il occupe en utilisant son téléphone la nuit, sans son. La journée, il a souvent du mal à se concentrer. Il a besoin de sous-titres aux vidéos, comme Samia, qui est sourde. Comme Thierry, en pleine ré-éducation suite à son AVC. Il réapprend à utiliser son bras dominant, à lire, etc. Se concentrer est très fatiguant pour lui. Comme Mélanie, qui a des crises de migraines épisodiques. Comme Adrien, qui est autiste. Internet peut être source de grande distraction pour lui. Il lui faut parfois des heures pour réaliser une tâche : il lit chaque mot et clique sur chaque lien. Comme Loïc qui est dyspraxique. Sa mémoire procédurale fonctionne mal. Certaines tâches lui demandent beaucoup d’attention : lire un texte peu aéré ou remplir un long formulaire. Source : https://design-accessible.fr/decouvrir#content

21. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Le Web, en particulier, est nativement accessible : il a été conçu, dès l’origine, pour permettre tous les usages. Il existe de nombreuses façons d’utiliser les interfaces numériques… 21

22. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 22 Vos utilisateurs/trices peuvent adapter la présentation… D’après https://design-accessible.fr/decouvrir Le mode lecture enlève les distractions autour du contenu principal, et aide à se concentrer sur l’essentiel. mode lecture On peut modifier la police de caractères, l’espacement et la largeur des lignes pour faciliter la lecture du texte. texte adapté Les contrastes élevés sont particulièrement apprécié avec l’âge, quand la vue baisse. contrastes renforcés Sur les supports numériques, il est possible d’adapter la présentation de l’information, grâce à des plugins navigateurs et des logiciels d’adaptation, pour la rendre plus facile à percevoir et à comprendre.

24. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 24 Il existe plusieurs façons de percevoir l’interface… D’après https://design-accessible.fr/decouvrir L’écran est le moyen le plus utilisé pour percevoir de l’information. avec la vue Parfois, il est plus facile d’écouter une synthèse vocale plutôt que de lire du texte. avec l’ouïe Les personnes aveugles et sourdes peuvent utiliser un afficheur braille à la place de l’écran, pour lire le texte. avec le toucher

25. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 25 Il existe plusieurs façons de naviguer dans l’interface… D’après https://design-accessible.fr/decouvrir Une personne qui ne voit pas l’écran s’en donnera une représentation globale en « scannant » les titres de la page. par les titres Certaines personnes ne voient qu’une portion de l’interface avec la loupe d’écran. Elles ont besoin de repères visuels. loupe d’écran Certaines personnes ne peuvent pas pointer l’écran pour clic/touch et naviguent en utilisant uniquement le clavier. sans souris

26. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 26 Croyance Réalité Des aides techniques (soft et hard) sont utilisées pour adapter l’interface aux besoins de chaque utilisateur/trice.

27. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Diversité des interfaces - Terminaux : ordi de bureau, tablette tactile, smartphone, etc. - Différents navigateurs : graphiques, textuels… - etc. 27 Diversité des utilisateurs - Limitations visuelles, auditives, motrices… - Limitations permanentes, temporaires, situationnelles… - Plurihandicap - Seniors, débutants, illettrés… - etc. Diversité des aides techniques - Soft : zoom, contrastes, mode lecture, synthèse vocale, etc. - Hard : afficheur braille, trackball, etc. Multiples contextes d’usage !

30. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Source : OMS 2011 / WAI 2018 Plus d’1 milliard de personnes vivent avec un handicap (env. 15 % de la population mondiale), cela représente un 6e continent… et 20 % d’entre elles vivent avec de grandes difficultés fonctionnelles au quotidien. Elles constituent la plus large minorité au monde, avec pouvoir d'achat de plus 6 000 milliards de dollars. 15 % 30

31. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Sources : OCIRP / APF / INSEE / OMS 31 40 % 20 % de la population française est concernée par le handicap (permanent) et cela monte à 40 % en prenant en compte les situations de handicap temporaires soit 28 millions de français et françaises. Avec le vieillissement de la population ces chiffres sont en hausse (1 français sur 3 aura plus de 60 ans en 2035). Et c’est sans compter les situations de handicap situationnel ou liées à l’équipement…

33. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 1 2 3 4 5 6 33 Par exemple, ajouter des « handicaps » à chacun des personas : Personas plus inclusifs Personas pour l’app Mon stage de 3e pour la DINUM. Dyslexique, la lisibilité des textes est déterminante pour elle Daltonien, il ne distingue pas toutes les couleurs. S’est cassé le bras pendant les vacances => difficultés avec clavier et souris Malvoyant, il utilise souvent sa synthèse vocale au bureau

34. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 34 S’inspirer de personas handicapés Understanding disabilities and impairments: user profiles: https://www.gov.uk/government/publications/understanding-disabilities-and-impairments-user-profiles Personas for Accessible UX : https://rosenfeldmedia.com/a-web-for-everyone/personas-for-accessible-ux/ pour mieux comprendre les situations de handicap numérique

37. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 37 Exemples d’objets conçus pour des utilisateurs handicapés… aujourd’hui utilisés par tout le monde. Other case studies : http://www.inclusivedesigntoolkit.com/case_studies/case_studies.html

38. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Observer les handicaps et comprendre l’exclusion nous aide à développer une solution conçue au départ pour une personne et à l’étendre à des millions de gens. 38

39. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Concevoir pour un, étendre à plusieurs Tout le monde a des capacités et des limites à celles-ci. Concevoir pour les personnes ayant une incapacité permanente aboutit à des conceptions plus universelles, qui profitent au plus grand nombre. Les contraintes stimulent l’innovation. 39 Principes du design inclusif Pour en savoir plus : https://www.microsoft.com/design/inclusive/ Reconnaître l’exclusion L'exclusion se produit lorsque nous résolvons les problèmes avec nos propres préjugés. Identifier ces biais permet d’ouvrir les produits à plus de gens, en reflétant ce que sont réellement les gens, dans leur diversité. Apprendre de la diversité L'être humain est le véritable expert de l'adaptation à la diversité. La conception inclusive place les personnes au centre dès le début du processus pour apprendre de leurs besoins, de leurs stratégies d’adaptation et de leurs usages réels. pour concevoir des interfaces utilisables par tout le monde

40. OCTO Part of Accenture © 2021 - All rights reserved There is a better way RESSOURCES ▸ Essayez vous-même : https://atalan.fr/agissons/fr/ ▸ [en] Inclusive Design by Microsoft : https://www.microsoft.com/design/inclusive/ ▸ [en] Dos and don'ts on designing for accessibility: https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/ ▸ Design accessible, nombreuses ressources pour concevoir des services utiles et utilisables pour toutes et tous : https://design-accessible.fr Pour comprendre les situations de handicap numérique

41. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 41 LES ACTUS OCTO FORMATION Pour aller plus loin, découvrez notre formation : Design d’interfaces accessibles : concevoir pour tous les utilisateurs Rdv sur octo.academy OCTO RECRUTE ! Vous vous sentez l’âme d’un(e) Octo ? Rejoignez-nous ! Rdv sur rejoins.octo.com ou envoyez un mail à candidature@octo.com PUBLICATION Devenir une entreprise Agile - Ludovic Cinquin Découvrez l’ouvrage de Ludovic Cinquin, CEO OCTO Technology ! Pratiques de management, culture d’innovation, prise de décision collective, « disruption » des métiers du conseil, enjeux sociétaux du numérique : Ludovic nous parle de la manière de faire grandir simultanément une entreprise et ses collaborateurs, du rôle de dirigeant et de la noblesse du geste. Retrouvez toutes les publications en téléchargement sur octo.com catégorie « Publications ».

Le Comptoir OCTO - Accessibilité

Vous êtes en train de lire un aperçu.

Consultez-les par la suite

Le Comptoir OCTO - Accessibilité

Plus De Contenu Connexe

Diaporamas pour vous (9)

Similaire à Le Comptoir OCTO - Accessibilité (20)

Plus par OCTO Technology (20)

Plus récents (20)