accessibilité pour les personnes non-voyantes
DESCRIPTION
Accessibilité pour les personnes non-voyantes. Interfaces et Scénarisation (COM2571) 11 avril 2011 Grégory Petit http://lrcm.com.umontreal.ca/greg/COM2571/. On rend les TP2!!!. La semaine dernière. Un prof vs. un ordinateur Théories sur l’apprentissage La motivation - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/1.jpg)
Accessibilité pour les personnes non-voyantes
Interfaces et Scénarisation (COM2571)11 avril 2011Grégory Petit
http://lrcm.com.umontreal.ca/greg/COM2571/
![Page 2: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/2.jpg)
On rend les TP2!!!
![Page 3: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/3.jpg)
La semaine dernièreUn prof vs. un ordinateur
Théories sur l’apprentissage
La motivation
Apport de ces théories
Types d’environnements informatisés d’apprentissage
![Page 4: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/4.jpg)
Et donc on fait quoi aujourd’hui?
La vision
Cécité
Les lecteurs d’écrans
Les graphismes tactiles
Le Tactograph
TactoWeb
![Page 5: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/5.jpg)
La vision
![Page 6: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/6.jpg)
L’œil
![Page 7: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/7.jpg)
La rétine
Fovéa
Nerf Optique
Macula
![Page 8: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/8.jpg)
Champ visuel
![Page 9: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/9.jpg)
VisionAcuité visuelle : capacité à distinguer deux
points différents proches l’un de l’autre et situés le plus loin possible.
Sensibilité au contraste : capacité à discerner les subtiles différences de niveau de gris.
Champ visuel : aire visuelle vue par un œil à un instant t.
Perception des couleurs
![Page 10: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/10.jpg)
Cécité
![Page 11: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/11.jpg)
Acuité visuelle20/20 = vision parfaite
20/30 = on doit se mettre à 20 pieds pour voir ce qu’on devrait voir à 30 pieds sans correction
Acuité visuelle < 20/200 ou champ visuel < 20° fonctionnellement/légalement aveugle
![Page 12: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/12.jpg)
Causes principales de cécitéRétinopathie diabétique
Apparition de vaisseaux sanguins anormaux dans la rétine.
Ces vaisseaux sont fragiles et se brisent facilement, causant une hémorragie dans la rétine.
Glaucome Trop grand pression à l’intérieur de l’œil Atrophie du nerf optique
DMLA Dégénérescence Maculaire Liée à l’Âge
![Page 13: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/13.jpg)
Une autre distinction importante
Cécité de naissanceSeulement conscience de 4 sensMoindre conscience du handicapModèle mental différent des voyantsApprentissage aisé des techniques d’adaptation
Cécité tardiveToujours conscient de ses 5 sensHandicap plus difficile à accepterModèle mental d’un voyantApprentissage des techniques d’adaptation plus
difficile
![Page 14: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/14.jpg)
Les lecteurs d’écrans
![Page 15: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/15.jpg)
Les lecteurs d’écransJAWS : le plus utilisé dans le monde
Window-Eyes, Hal et NVDA sur Windows
Gnopernicus et Emacspeak sur Linux
VoiceOver sur Mac et iOS.
![Page 16: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/16.jpg)
Comment ça marcheBasé sur le DOM (Document Object Model)
Linéarisation de l’information
Sortie de l’information via :Synthèse vocalePlage Braille
Démo!
![Page 17: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/17.jpg)
Limitations des lecteurs d’écranFrustration lors de leur utilisation due à :
Mauvaise mise en page troublant la lecture Conflit entre l’application et le lecteur d’écran Formulaires mal conçus et mal libellés Absence de texte alternatif pour les images Liens et boutons ambigus PDFs inaccessibles Plantage du lecteur d’écran
Absence de représentation de la structure de la page due à la linéarisation de l’information
Un seul chemin de navigation possible
![Page 18: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/18.jpg)
Les graphismes tactiles
![Page 19: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/19.jpg)
Le Braille
![Page 20: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/20.jpg)
Graphismes tactiles sur papier
Thermoformage Thermogonflage
![Page 21: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/21.jpg)
Graphismes tactiles numériques
Cat
Tablette avec picotsVirtual Tactile Display
![Page 22: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/22.jpg)
Le Tactograph
![Page 23: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/23.jpg)
Le STReSS2 et Pantograph
STReSS2 monté sur le Pantograph
STReSS2
![Page 24: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/24.jpg)
Le Tactograph : première version
![Page 25: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/25.jpg)
Le Tactograph
![Page 26: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/26.jpg)
Textures de base
![Page 27: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/27.jpg)
Textures complexes
Textures complexes
Textures dynamiques
![Page 28: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/28.jpg)
Illustrations de manuels scolaires
![Page 29: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/29.jpg)
Illustrations de manuels scolaires
![Page 30: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/30.jpg)
Illustrations de manuels scolaires
![Page 31: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/31.jpg)
TactoWeb
![Page 32: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/32.jpg)
TactoWebAccès au Web pour les personnes non-voyantes
Supprimer la frustration provoquée par les lecteurs d’écranfrustration liée à la linéarisation de la informationlinéarisation de l’information due à une seule
modalité de sortie
Donc utiliser une navigation spatiale plutôt qu’une navigation séquentielle Comme pour les graphismes tactiles alors?
![Page 33: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/33.jpg)
TactoWebExploration multimodale du Web via le Tactograph
Création d’un fureteur tactile et sonorePrendre en compte les différents éléments Web:
en-têtes liens paragraphes menus listes numérotées et à puce Formulaires
Associer les bons retours tactiles et sonores aux éléments Web
![Page 34: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/34.jpg)
Plus d’informations
http://lrcm.com.umontreal.ca/greg/publi.html
![Page 35: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/35.jpg)
Examen
![Page 36: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/36.jpg)
Examen18 avril de 13h à 16h
Salle 7249 au 2100 Edouard-Montpetit (CEPSUM)
Documents du cours autorisés
Ordinateurs non-autorisés
Des questions sur l’examen?
![Page 37: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/37.jpg)
Atelier
![Page 38: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/38.jpg)
Atelier
Vous avez bien travaillé cette session!
Atelier = allez prendre un verre!
![Page 39: Accessibilité pour les personnes non-voyantes](https://reader035.vdocuments.mx/reader035/viewer/2022062814/568166d2550346895ddae59b/html5/thumbnails/39.jpg)
Des questions???
Merci de votre attention!
Bon examen!
[email protected]://lrcm.com.umontreal.ca/greg/COM2571/