SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
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
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
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Pas besoin d’accessibilité :
c’est pour les handicapés.
Or nous n’avons pas de handicap
dans notre cible user.
3
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.
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
5
Croyance Réalité
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…
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Handicap ?
7
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
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
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Situations
de handicap
10
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
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.
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…
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Diversité
des besoins utilisateurs
14
Cas d’usage
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.
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).
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.
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
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Connaissez-vous vraiment
vos utilisateur/trices
dans leur diversité ?
19
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Comment
votre interface
est utilisée ?
20
Contextes d’usage
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
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.
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Savez-vous vraiment
comment vos utilisateur/trices
visitent votre interface ?
23
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
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
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.
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 !
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Un site/app est accessible
s’il est compatible
avec ces multiples
contextes d’usage.
28
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Combien
de personnes
sont concernées ?
29
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
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…
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Vos personas
reflètent-ils
cette réalité ?
32
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
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
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Comment designer
pour tout le monde ?
35
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
Inclusive Design
36
majorité
Extrem Design
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
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
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
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
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 ».
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way
OCTO Part of Accenture © 2021 - All rights reserved
There
is
a
better
way

Contenu connexe

Tendances

Pfsense 121202023417-phpapp02
Pfsense 121202023417-phpapp02Pfsense 121202023417-phpapp02
Pfsense 121202023417-phpapp02
Mohamed Houssem
 

Tendances (20)

Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Architectures orientées services
Architectures orientées servicesArchitectures orientées services
Architectures orientées services
 
SOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : DémystificationSOA - Architecture Orientée Service : Démystification
SOA - Architecture Orientée Service : Démystification
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
Chp5 - Applications Android
Chp5 - Applications AndroidChp5 - Applications Android
Chp5 - Applications Android
 
Pfsense 121202023417-phpapp02
Pfsense 121202023417-phpapp02Pfsense 121202023417-phpapp02
Pfsense 121202023417-phpapp02
 
Workflow
WorkflowWorkflow
Workflow
 
Introduction a la SOA
Introduction a la SOAIntroduction a la SOA
Introduction a la SOA
 
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jadeSystèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
 
DEVOPS - La synthèse
DEVOPS - La synthèseDEVOPS - La synthèse
DEVOPS - La synthèse
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web Developers
 
Introduction à DevOps
Introduction à DevOpsIntroduction à DevOps
Introduction à DevOps
 
Fondamentaux d’une API REST
Fondamentaux d’une API RESTFondamentaux d’une API REST
Fondamentaux d’une API REST
 
Design for accessibility
Design for accessibilityDesign for accessibility
Design for accessibility
 
Presentation DevOps : enjeux , objectifs, consequences
Presentation DevOps : enjeux , objectifs, consequencesPresentation DevOps : enjeux , objectifs, consequences
Presentation DevOps : enjeux , objectifs, consequences
 
Modélisation des processus métiers BPMN
Modélisation des processus métiers BPMNModélisation des processus métiers BPMN
Modélisation des processus métiers BPMN
 
Cours routage dynamique (ri pv1,ripv2,ripng)
Cours routage dynamique (ri pv1,ripv2,ripng) Cours routage dynamique (ri pv1,ripv2,ripng)
Cours routage dynamique (ri pv1,ripv2,ripng)
 
Modelisation agile 03122011
Modelisation agile  03122011Modelisation agile  03122011
Modelisation agile 03122011
 
Outils Web Sémantique
Outils Web SémantiqueOutils Web Sémantique
Outils Web Sémantique
 

Similaire à Le Comptoir OCTO - Accessibilité

L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
Willy Leloutre
 

Similaire à Le Comptoir OCTO - Accessibilité (20)

Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
 
FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319
 
L'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TICL'accessibilité pour tous aux TIC
L'accessibilité pour tous aux TIC
 
Diaporama 1
Diaporama 1Diaporama 1
Diaporama 1
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
 
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
 
130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST
 
Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]
 
Numérique et médiation handicap
Numérique et médiation handicapNumérique et médiation handicap
Numérique et médiation handicap
 
Vos idées pour mieux intégrer les personnes handicapées au travail + corrige
Vos idées pour mieux intégrer les personnes handicapées au travail + corrigeVos idées pour mieux intégrer les personnes handicapées au travail + corrige
Vos idées pour mieux intégrer les personnes handicapées au travail + corrige
 
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessibleIsabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
Isabelle Dubois-Mejia (Thales) : témoignage sur un module e-learning accessible
 
FLUPA 2012 - L'accessibilité dans le processus de Conception Centrée Utilisateur
FLUPA 2012 - L'accessibilité dans le processus de Conception Centrée UtilisateurFLUPA 2012 - L'accessibilité dans le processus de Conception Centrée Utilisateur
FLUPA 2012 - L'accessibilité dans le processus de Conception Centrée Utilisateur
 
Conférence Accessibilité Intuiti - Support
Conférence Accessibilité Intuiti - SupportConférence Accessibilité Intuiti - Support
Conférence Accessibilité Intuiti - Support
 
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...
Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...
 
Stéphanie-lucien-brun-30-mars-2017
Stéphanie-lucien-brun-30-mars-2017Stéphanie-lucien-brun-30-mars-2017
Stéphanie-lucien-brun-30-mars-2017
 
Loi sur le handicap : les défis de l'accessibilité numérique (2005)
Loi sur le handicap : les défis de l'accessibilité numérique (2005)Loi sur le handicap : les défis de l'accessibilité numérique (2005)
Loi sur le handicap : les défis de l'accessibilité numérique (2005)
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
Les TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numériqueLes TIC et l'art : l'Accessibilité numérique
Les TIC et l'art : l'Accessibilité numérique
 
Internet des Objets
Internet des ObjetsInternet des Objets
Internet des Objets
 

Plus de OCTO Technology

Plus de OCTO Technology (20)

Le Comptoir OCTO - Se conformer à la CSRD : un levier d'action insoupçonné
Le Comptoir OCTO - Se conformer à la CSRD : un levier d'action insoupçonnéLe Comptoir OCTO - Se conformer à la CSRD : un levier d'action insoupçonné
Le Comptoir OCTO - Se conformer à la CSRD : un levier d'action insoupçonné
 
Le Comptoir OCTO - MLOps : Les patterns MLOps dans le cloud
Le Comptoir OCTO - MLOps : Les patterns MLOps dans le cloudLe Comptoir OCTO - MLOps : Les patterns MLOps dans le cloud
Le Comptoir OCTO - MLOps : Les patterns MLOps dans le cloud
 
La Grosse Conf 2024 - Philippe Stepniewski -Atelier - Live coding d'une base ...
La Grosse Conf 2024 - Philippe Stepniewski -Atelier - Live coding d'une base ...La Grosse Conf 2024 - Philippe Stepniewski -Atelier - Live coding d'une base ...
La Grosse Conf 2024 - Philippe Stepniewski -Atelier - Live coding d'une base ...
 
La Grosse Conf 2024 - Philippe Prados - Atelier - RAG : au-delà de la démonst...
La Grosse Conf 2024 - Philippe Prados - Atelier - RAG : au-delà de la démonst...La Grosse Conf 2024 - Philippe Prados - Atelier - RAG : au-delà de la démonst...
La Grosse Conf 2024 - Philippe Prados - Atelier - RAG : au-delà de la démonst...
 
Le Comptoir OCTO - Maîtriser le RAG : connecter les modèles d’IA génératives ...
Le Comptoir OCTO - Maîtriser le RAG : connecter les modèles d’IA génératives ...Le Comptoir OCTO - Maîtriser le RAG : connecter les modèles d’IA génératives ...
Le Comptoir OCTO - Maîtriser le RAG : connecter les modèles d’IA génératives ...
 
OCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeursOCTO Talks - Les IA s'invitent au chevet des développeurs
OCTO Talks - Les IA s'invitent au chevet des développeurs
 
OCTO Talks - Lancement du livre Culture Test
OCTO Talks - Lancement du livre Culture TestOCTO Talks - Lancement du livre Culture Test
OCTO Talks - Lancement du livre Culture Test
 
Le Comptoir OCTO - Green AI, comment éviter que votre votre potion magique d’...
Le Comptoir OCTO - Green AI, comment éviter que votre votre potion magique d’...Le Comptoir OCTO - Green AI, comment éviter que votre votre potion magique d’...
Le Comptoir OCTO - Green AI, comment éviter que votre votre potion magique d’...
 
OCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend web
 
Refcard GraphQL
Refcard GraphQLRefcard GraphQL
Refcard GraphQL
 
Comptoir OCTO ALD Automotive/Leaseplan
Comptoir OCTO ALD Automotive/LeaseplanComptoir OCTO ALD Automotive/Leaseplan
Comptoir OCTO ALD Automotive/Leaseplan
 
Le Comptoir OCTO - Comment optimiser les stocks en linéaire par la Data ?
Le Comptoir OCTO - Comment optimiser les stocks en linéaire par la Data ? Le Comptoir OCTO - Comment optimiser les stocks en linéaire par la Data ?
Le Comptoir OCTO - Comment optimiser les stocks en linéaire par la Data ?
 
Le Comptoir OCTO - Retour sur 5 ans de mise en oeuvre : Comment le RGPD a réi...
Le Comptoir OCTO - Retour sur 5 ans de mise en oeuvre : Comment le RGPD a réi...Le Comptoir OCTO - Retour sur 5 ans de mise en oeuvre : Comment le RGPD a réi...
Le Comptoir OCTO - Retour sur 5 ans de mise en oeuvre : Comment le RGPD a réi...
 
Le Comptoir OCTO - Affinez vos forecasts avec la planification distribuée et...
Le Comptoir OCTO -  Affinez vos forecasts avec la planification distribuée et...Le Comptoir OCTO -  Affinez vos forecasts avec la planification distribuée et...
Le Comptoir OCTO - Affinez vos forecasts avec la planification distribuée et...
 
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conceptionLe Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
 
Le Comptoir OCTO - Une vision de plateforme sans leadership tech n’est qu’hal...
Le Comptoir OCTO - Une vision de plateforme sans leadership tech n’est qu’hal...Le Comptoir OCTO - Une vision de plateforme sans leadership tech n’est qu’hal...
Le Comptoir OCTO - Une vision de plateforme sans leadership tech n’est qu’hal...
 
Le Comptoir OCTO - L'avenir de la gestion du bilan carbone : les solutions E...
Le Comptoir OCTO - L'avenir de la gestion du bilan carbone :  les solutions E...Le Comptoir OCTO - L'avenir de la gestion du bilan carbone :  les solutions E...
Le Comptoir OCTO - L'avenir de la gestion du bilan carbone : les solutions E...
 
Le Comptoir OCTO - Continuous discovery et continuous delivery pour construir...
Le Comptoir OCTO - Continuous discovery et continuous delivery pour construir...Le Comptoir OCTO - Continuous discovery et continuous delivery pour construir...
Le Comptoir OCTO - Continuous discovery et continuous delivery pour construir...
 
RefCard Tests sur tous les fronts
RefCard Tests sur tous les frontsRefCard Tests sur tous les fronts
RefCard Tests sur tous les fronts
 
RefCard RESTful API Design
RefCard RESTful API DesignRefCard RESTful API Design
RefCard RESTful API Design
 

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
  • 3. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Pas besoin d’accessibilité : c’est pour les handicapés. Or nous n’avons pas de handicap dans notre cible user. 3
  • 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.
  • 5. OCTO Part of Accenture © 2021 - All rights reserved There is a better way 5 Croyance Réalité
  • 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…
  • 7. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Handicap ? 7
  • 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
  • 10. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Situations de handicap 10
  • 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…
  • 14. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Diversité des besoins utilisateurs 14 Cas d’usage
  • 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
  • 19. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Connaissez-vous vraiment vos utilisateur/trices dans leur diversité ? 19
  • 20. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Comment votre interface est utilisée ? 20 Contextes d’usage
  • 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.
  • 23. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Savez-vous vraiment comment vos utilisateur/trices visitent votre interface ? 23
  • 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 !
  • 28. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Un site/app est accessible s’il est compatible avec ces multiples contextes d’usage. 28
  • 29. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Combien de personnes sont concernées ? 29
  • 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…
  • 32. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Vos personas reflètent-ils cette réalité ? 32
  • 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
  • 35. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Comment designer pour tout le monde ? 35
  • 36. OCTO Part of Accenture © 2021 - All rights reserved There is a better way Inclusive Design 36 majorité Extrem Design
  • 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 ».
  • 42. OCTO Part of Accenture © 2021 - All rights reserved There is a better way
  • 43. OCTO Part of Accenture © 2021 - All rights reserved There is a better way