Le Comptoir OCTO - Accessibilité

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

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

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

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.

There
is
a
better
way
5
Croyance Réalité

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…

There
is
a
better
way
Handicap ?
7

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

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

There
is
a
better
way
Situations
de handicap
10

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

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.

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…

There
is
a
better
way
Diversité
des besoins utilisateurs
14
Cas d’usage

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.

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.

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

There
is
a
better
way
Connaissez-vous vraiment
vos utilisateur/trices
dans leur diversité ?
19

There
is
a
better
way
Comment
votre interface
est utilisée ?
20
Contextes d’usage

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

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.

There
is
a
better
way
Savez-vous vraiment
comment vos utilisateur/trices
visitent votre interface ?
23

There
is
a
better
way
24
Il existe plusieurs façons de
percevoir l’interface…
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

There
is
a
better
way
25
Il existe plusieurs façons de
naviguer dans l’interface…
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

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.

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 !

There
is
a
better
way
Un site/app est accessible
s’il est compatible
avec ces multiples
contextes d’usage.
28

There
is
a
better
way
Combien
de personnes
sont concernées ?
29

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

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…

There
is
a
better
way
Vos personas
reflètent-ils
cette réalité ?
32

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

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

There
is
a
better
way
Comment designer
pour tout le monde ?
35

There
is
a
better
way
Inclusive Design
36
majorité
Extrem Design

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

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

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

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

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 ».

There
is
a
better
way

Le Comptoir OCTO - Accessibilité

Contenu connexe

Tendances

Similaire à Le Comptoir OCTO - Accessibilité

Plus de OCTO Technology

Le Comptoir OCTO - Accessibilité