Slide 1
Slide 1 text
Les daltoniens
les oubliés de l’UX
Slide 2
Slide 2 text
80% des handicaps sont invisibles
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Daniel Roch
Qui suis-je ?
Consultant SEO et WordPress
Créateur de SEOKEY & SEOMIX
Auteur de « Optimiser son référencement WordPress »
Daltonien…
Slide 5
Slide 5 text
L’UX au cœur de
votre stratégie
Slide 6
Slide 6 text
Conversions
Image de marque
Satisfaction
Etc.
Slide 7
Slide 7 text
Handicap moteur
Handicap mental
Handicap cognitif
Handicap psychique
Handicap Visuel
Etc.
Slide 8
Slide 8 text
97% des sites ont des défauts
d’accessibilités
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
Les daltoniens ?
Slide 11
Slide 11 text
Vous voyez ?
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Cela vient
=> de l’hérédité principalement
=> de médicaments
=> d’accidents et de lésions
=> Etc.
Slide 14
Slide 14 text
Cela touche
=> 8% des hommes
=> 0,4% des femmes
Slide 15
Slide 15 text
4% de la population
Slide 16
Slide 16 text
Différents types
Normal Protanopie Deuteranopie
Slide 17
Slide 17 text
Différents types
Slide 18
Slide 18 text
Les couleurs nous concernent
tous
Slide 19
Slide 19 text
Vous voyez ?
Slide 20
Slide 20 text
Luminosité
Contraste
Fatigue oculaire
Votre écran
Etc.
Slide 21
Slide 21 text
Ma couleur n’est pas la vôtre
Et on s’en fiche
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
choisir LA bonne couleur
Slide 24
Slide 24 text
Contrastes
Sources abookapart.com color-accessibility-workflows
Slide 25
Slide 25 text
Contrastes
Slide 26
Slide 26 text
Contrastes
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
Complémentarité
Slide 29
Slide 29 text
La couleur
nE DOIS JAMAIS
être le critère déterminant
Slide 30
Slide 30 text
Changer de couleur
Slide 31
Slide 31 text
Changer de couleur
Slide 32
Slide 32 text
Textures et motifs
Slide 33
Slide 33 text
Textures et motifs
Slide 34
Slide 34 text
Forme
Slide 35
Slide 35 text
Forme
Slide 36
Slide 36 text
Attributs et noms
Slide 37
Slide 37 text
Attributs et noms
Slide 38
Slide 38 text
Attributs et noms
Slide 39
Slide 39 text
Une option ou un
élément dédié ?
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
Les outils
Slide 43
Slide 43 text
L’accessibilité
globale
Slide 44
Slide 44 text
Wave
Slide 45
Slide 45 text
Les simulateurs
Slide 46
Slide 46 text
WhoCanUse
Slide 47
Slide 47 text
Visolve (ou sim daltonisme)
Slide 48
Slide 48 text
TopTale
Slide 49
Slide 49 text
Console de Firefox
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
La plus
belle couleur
est celle qui vous
va bien Coco Channel
Slide 52
Slide 52 text
Merci !
Des questions ?
Daniel Roch
[email protected]
@rochdaniel
Agence SeoMix : 19 avenue louise Michel – 44400 Rezé (Nantes)
02 40 59 09 35 – [email protected]
Slide 53
Slide 53 text
Sources
https://informations.handicap.fr/a-seeph-2019-focus-invisibles-handicaps-12357.php
https://momes.parents.fr/apprendre/matieres-scolaires/histoire-geographie-emc/geographie/cartes-de-geographie/les-pays-deurope-carte-a-colorier-834572
https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/simulation/index.html
https://abookapart.com/products/color-accessibility-workflows
https://twitter.com/raherian/status/1179637286834704384?lang=ar-x-fm
https://ndla.no/subject:1:9b93cd9e-a45c-428c-a8fb-b4955169efdf/topic:1:24e3e6b2-ce4a-46bf-9ab2-db5fca7ddfcd/topic:1:80ec26b2-a19a-4916-b20b-
ef58a7bb86a9/topic:1:1d877ffd-40ad-44ed-b202-a4e5d380161b/resource:1:49865
http://daltonien.free.fr/daltonien/article.php3?id_article=6#nb3
https://lesyeuxdudaltonisme.fr/les-types-de-daltonisme/
https://fr.wikipedia.org/wiki/Daltonisme
https://www.lexpress.fr/sciences-sante/sciences/pourquoi-personne-ne-voit-cette-robe-de-la-meme-couleur_1656136.html
https://www.flickr.com/photos/briarcraft/39277024125
https://webaim.org/projects/million/