39
Accessibilité pour les personnes non- voyantes Interfaces et Scénarisation (COM2571) 11 avril 2011 Grégory Petit http://lrcm.com.umontreal.ca/greg/COM257 1/

Accessibilité pour les personnes non-voyantes

  • Upload
    galena

  • View
    28

  • Download
    0

Embed Size (px)

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 Presentation

Citation preview

Page 1: Accessibilité pour les personnes non-voyantes

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

On rend les TP2!!!

Page 3: Accessibilité pour les personnes non-voyantes

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

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

La vision

Page 6: Accessibilité pour les personnes non-voyantes

L’œil

Page 7: Accessibilité pour les personnes non-voyantes

La rétine

Fovéa

Nerf Optique

Macula

Page 8: Accessibilité pour les personnes non-voyantes

Champ visuel

Page 9: Accessibilité pour les personnes non-voyantes

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

Cécité

Page 11: Accessibilité pour les personnes non-voyantes

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

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

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

Les lecteurs d’écrans

Page 15: Accessibilité pour les personnes non-voyantes

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

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

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

Les graphismes tactiles

Page 19: Accessibilité pour les personnes non-voyantes

Le Braille

Page 20: Accessibilité pour les personnes non-voyantes

Graphismes tactiles sur papier

Thermoformage Thermogonflage

Page 21: Accessibilité pour les personnes non-voyantes

Graphismes tactiles numériques

Cat

Tablette avec picotsVirtual Tactile Display

Page 22: Accessibilité pour les personnes non-voyantes

Le Tactograph

Page 23: Accessibilité pour les personnes non-voyantes

Le STReSS2 et Pantograph

STReSS2 monté sur le Pantograph

STReSS2

Page 24: Accessibilité pour les personnes non-voyantes

Le Tactograph : première version

Page 25: Accessibilité pour les personnes non-voyantes

Le Tactograph

Page 26: Accessibilité pour les personnes non-voyantes

Textures de base

Page 27: Accessibilité pour les personnes non-voyantes

Textures complexes

Textures complexes

Textures dynamiques

Page 28: Accessibilité pour les personnes non-voyantes

Illustrations de manuels scolaires

Page 29: Accessibilité pour les personnes non-voyantes

Illustrations de manuels scolaires

Page 30: Accessibilité pour les personnes non-voyantes

Illustrations de manuels scolaires

Page 31: Accessibilité pour les personnes non-voyantes

TactoWeb

Page 32: Accessibilité pour les personnes non-voyantes

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

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

Plus d’informations

http://lrcm.com.umontreal.ca/greg/publi.html

Page 35: Accessibilité pour les personnes non-voyantes

Examen

Page 36: Accessibilité pour les personnes non-voyantes

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

Atelier

Page 38: Accessibilité pour les personnes non-voyantes

Atelier

Vous avez bien travaillé cette session!

Atelier = allez prendre un verre!

Page 39: Accessibilité pour les personnes non-voyantes

Des questions???

Merci de votre attention!

Bon examen!

[email protected]://lrcm.com.umontreal.ca/greg/COM2571/