Tweet
Tweet

Slide 1

Slide 1 text

Le slot accessible

Slide 2

Slide 2 text

Introduction

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

L’empathie, principe fondamental du design thinking

Slide 5

Slide 5 text

http://blog.thiga.fr/strategie-produit/ etapes-design-thinking-empathie/

Slide 6

Slide 6 text

1. L'esplanade de la défense

Slide 7

Slide 7 text

2. Les chaises de restaurant

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Nos utilisateurs sont aussi • Aveugles (39+ millions) • Daltoniens (env. 8% des hommes et 0.5% des femmes) • Paralysés (6 millions) • Handicapés cognitifs (16 millions, rien qu'aux US) • etc.

Slide 11

Slide 11 text

1 être humain sur 7 a un type de handicap moderé ou sevère

Slide 12

Slide 12 text

Sources • http://www.ted.com/talks/ andrew_bastawrous_get_your_next_eye_ex am_on_a_smartphone#t-518 • http://en.wikipedia.org/wiki/ Color_blindness • http://www.christopherreeve.org/stats

Slide 13

Slide 13 text

Sources • http://www.cdc.gov/aging/pdf/ cognitive_impairment/ cogimp_poilicy_final.pdf • http://www.who.int/disabilities/ world_report/2011/en/

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Les types de handicap • Déficience visuelle • Déficience motrice • Déficience auditive • Déficience congnitive ou neurologique

Slide 16

Slide 16 text

Les types de handicap dans cette présentation • Déficience visuelle • Déficience motrice

Slide 17

Slide 17 text

Outils Hardware

Slide 18

Slide 18 text

Outils Hardware Déficience visuelle

Slide 19

Slide 19 text

Display Braille

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Braille Notetaker

Slide 22

Slide 22 text

Emprimante Braille (embosser)

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Clavier Perkins

Slide 25

Slide 25 text

Le Braille est de moins en moins utilisé

Slide 26

Slide 26 text

Synthétiseurs vocaux

Slide 27

Slide 27 text

Outils Hardware Déficience motrice

Slide 28

Slide 28 text

3 types d'action • Pointer • Sélectionner • Écrire

Slide 29

Slide 29 text

Pointer • Mouvements de la tête • Mouvements de l'oeil • Baguettes contrôlées avec la bouche

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Sélectionner • Switch Buttons • Sip and Puff • Détection du mouvement de la paupière

Slide 33

Slide 33 text

Écrire • Reconnaissance vocale • Saisie intuitive http://swiftkey.com/en/blog/swiftkey-reveals- role-professor-stephen-hawkings- communication-system/

Slide 34

Slide 34 text

Outils Software

Slide 35

Slide 35 text

Outils Software Desktop

Slide 36

Slide 36 text

Orca Screen Reader

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

http://www.ted.com/talks/ ron_mccallum_how_technology_allowed_me_t o_read#t-558258

Slide 44

Slide 44 text

VoiceOver

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

Outils mac

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

Color Oracle

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

http://opendyslexic.org/

Slide 53

Slide 53 text

Outils Software Mobilité

Slide 54

Slide 54 text

Outils Software iOS

Slide 55

Slide 55 text

Timeline • 2009 (iPhone OS 3) : VoiceOver et contrôle vocale sur iPhone 3GS • 2012 (iOS 6) : Siri et dictée • 2013 (iOS 7) : Switch Control et API de synthèse vocale https://developer.apple.com/accessibility/

Slide 56

Slide 56 text

Siri • Réveille moi à 7 heures • Envoyer un message à Gautier “Au secours ! J'ai pas terminé mon XKE !” • Lire le dernier message de Gautier • Ajouter une note

Slide 57

Slide 57 text

Dictée

Slide 58

Slide 58 text

VoiceOver

Slide 59

Slide 59 text

Rotor Control

Slide 60

Slide 60 text

Switch Control

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

WatchKit

Slide 63

Slide 63 text

Outils Software Android

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

TalkBack

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

TalkBack

Slide 68

Slide 68 text

BrailleBack

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

https://www.youtube.com/watch? feature=player_detailpage&v=bxIRwm3s Zf0

Slide 71

Slide 71 text

Android Wear

Slide 72

Slide 72 text

Android Wear

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

iOS v Android

Slide 77

Slide 77 text

While Google has done a great job improving Android’s Accessibility API, it’s still not nearly as robust as Apple’s iOS Accessibility API. -- http://pauljadam.com/iosvsandroida11y/

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

Jeux vidéo

Slide 82

Slide 82 text

http://lvictorino.com/blog/make- accessible-games/

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

https://www.youtube.com/watch? v=nmmqarQRSSE

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

No content

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

http://onemansblog.com/2012/01/29/ legend-of-grimrock-devs-implement-gui- change-just-to-help-one-user/

Slide 92

Slide 92 text

www.GameAccessibilityGuidelines.com

Slide 93

Slide 93 text

Comment rendre nos applis accessibles ?

Slide 94

Slide 94 text

iOS

Slide 95

Slide 95 text

UIAccessibility APIs disponibles à partir de iPhone OS 3 • Chaque élement affiché à l’écran (UIView ou UIBarItem) implémente le protocole UIAccessibility • Ce protocole permet aux outils tels que VoiceOver d'interpréter correctement les contenus de l’interface graphique

Slide 96

Slide 96 text

UIAccessibility Le protocole UIAccessibility permet de définir : • accessibilityLabel : la description prononcée par le synth vocal • accessibilityHint : la description longue prononcée par le synth vocal • accessibilityPoint : le point d’interaction de la view • accessibilityTraits : permet de spécifier les traits (c-a-d le role de la view dans l’IHM)

Slide 97

Slide 97 text

accessibilityIdentifier Lors de l'exécution des tests fonctionnels, une autre propriété peut (et doit) être utilisée : accessibilityIdentifier, déclaré dans le protocole UIAccessibilityIdentification.

Slide 98

Slide 98 text

AVSpeechSynthesizer AVSpeechUtterance est l’unité base de la synthèse vocale et contient : • Le texte à prononcer • Voix • Tonalité • Vitesse • Délai • Volume

Slide 99

Slide 99 text

Screen curtain

Slide 100

Slide 100 text

No content

Slide 101

Slide 101 text

Android

Slide 102

Slide 102 text

Android • contentDescription • announceForAccessibility • Tester avec TalkBack et un clavier physique

Slide 103

Slide 103 text

No content

Slide 104

Slide 104 text

No content

Slide 105

Slide 105 text

https://github.com/Nilhcem/inaccessible- memory-android

Slide 106

Slide 106 text

No content

Slide 107

Slide 107 text

https://www.youtube.com/watch? v=q3HliaMjL38

Slide 108

Slide 108 text

Web

Slide 109

Slide 109 text

Conditions d'un site Web accessible • Tags HTML natifs (, au lieu de
et ) • DOM structuré de façon sensible • Entièrement navigable avec clavier • Gestion du focus ordonnée • Libellés pour tous les contrôles et toutes les images • ARIA pour les liseuses d’écran

Slide 110

Slide 110 text

Les questions à se poser • Est-il possible de sélectionner chacun des éléments interactifs avec [TAB] ? • Est-il possible d’activer chacun des éléments interactifs avec [ENTER] ? • Les éléments du DOM sont-ils dans l’ordre correct ?

Slide 111

Slide 111 text

ARIA Accessible Rich Internet Applications • Standard W3C • Fournit des informations sémantiques aux liseuses d’écran • N'implémente pas automatiquement les comportements standard des éléments (focus, navigation via clavier, etc)

Slide 112

Slide 112 text

ARIA
Menu button

Slide 113

Slide 113 text

Outils pour les développeurs • ChromeVox • ChromeShades : convertit les pages Web en mode texte seul et crée une navigation similaire à celle d'un aveugle (apparemment plus maintenu) • ChromeVis https://code.google.com/p/google-axs-chrome/

Slide 114

Slide 114 text

L'accessibilité et la loi en France

Slide 115

Slide 115 text

La loi Rendre un site accessible n’est pas un devoir quand il s’agit de sites et applications privées.

Slide 116

Slide 116 text

Loi 2005-102 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées “Les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.”

Slide 117

Slide 117 text

Loi 2005-102 Un décret en Conseil d'Etat fixe les règles relatives à l'accessibilité et précise [...] la nature des adaptations à mettre en oeuvre ainsi que les délais de mise en conformité des sites existants, qui ne peuvent excéder trois ans et les sanctions imposées en cas de non-respect de cette mise en accessibilité.

Slide 118

Slide 118 text

Le référentiel RGAA La dernière version officielle du document date de 2009. Une troisième version est en cours de rédaction depuis juin 2014 et n’est toujours pas définitive. Le document, à ce jour, s’applique uniquement aux contenus HTML.

Slide 119

Slide 119 text

Testing utilisateurs

Slide 120

Slide 120 text

Les utilisateurs User testing is crucial because users are the real experts in their own abilities and their own assistive technology. User testing can also reveal usability gaps between more and less technical users, and between people who are familiar with the web site in question [...] and people who aren’t [...]. — W3C

Slide 121

Slide 121 text

Les utilisateurs Aux Etats Unis et en Angleterre il n’est pas difficile de trouver des groupes d’utilisateurs handicapés qui peuvent tester l'accessibilité des nos logiciels. En France il est possible de demander l’aide d’associations telles que : http://www.avh.asso.fr/ http://www.aveuglesdefrance.org/

Slide 122

Slide 122 text

Les utilisateurs

Slide 123

Slide 123 text

No content

Slide 124

Slide 124 text

No content

Slide 125

Slide 125 text

No content

Slide 126

Slide 126 text

No content

Slide 127

Slide 127 text

No content

Slide 128

Slide 128 text

No content

Slide 129

Slide 129 text

No content