La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Interfaces accessibles Non-Voyants Analyse Conception Évaluation.

Présentations similaires


Présentation au sujet: "Interfaces accessibles Non-Voyants Analyse Conception Évaluation."— Transcription de la présentation:

1 Interfaces accessibles Non-Voyants Analyse Conception Évaluation

2 Accessibilité et conception dinterfaces adaptées n Interfaces multimodales pour laccès aux interfaces graphiques par les handicapés visuels u haptiques, audicones, synthèse et braille u Ajustement des paramètres haptiques u Comparaison de lutilisabilité des différentes modalités n Transposition de la représentation visuelle dans dautres modalités

3 Acces aux interfaces graphiques de Windows 3.1 n Utilisation du Pantograph ou dune tablette avec souris n Modélisation de linterface du bureau de Windows u Modéliser les menus et les actions du bureau u Modéliser les objets n Évaluation de 3 bases sonores n Expérimentation de la dimension haptique et auditive en laboratoire et en contexte réel. Multimodal User Interface System for blind and "visually occupied" users: Ergonomic evaluation of the Haptic and Auditive Dimensions. Aude Dufresne*, Odile Martial** and Christophe Ramstein**

4 Résultats n Paramètres étudiés u Utilisabilité, satisfaction, performance (% tâches complétées, temps moyen dexécution n Non-voyants récents ou de naissance – pas de différence n Voyants > non-voyants n effet de lâge et de lExpérience n bimodal > haptique > auditif n satisfaction n modalités et difficulté des tâches

5 Résultats Influence sur la performance

6 Influence on Performance, Time per exercise and Satisfaction of age, experience with GUI, sight and modality. Influence of age Perform.TimeSatisfaction Modality (A)0.0006** Sight (B) AB Age (C)0.0178*0.0003** AC BC0.0178* * ABC Influence of experience Modality (A) GUI Experience (B) AB GUI onlyp =.1873p =.0081p =.0907

7 Distribution des rangs où une interface est jugée meilleure NB ranked as best Rank from the best to the worst ? 2 BimodalHapticAudioTotals Q1 The interface is easy to use. p= Q2 I would use it for daily tasks. p= Q3 It is pleasant to use. p= Q4 It takes less concentration. p= Q5 It causes less mental fatigue. p= Q6 It causes less physical fatigue. p=

8 MeanAudioHapticBimod al Q10Resize the window40%29%42%50% Q7Close the window56%33%58%75% Q13Resize the window56%33%50%83% Q14Close the window57%54%50%67% Q11Select the other window61%75%54% Q6Select the last menu item64%58%54%79% Q12Move window to the left67%63% 75% Q19Select the second item68%54%63%88% Q4Move window to the left74%71% 79% Q5Select the first menu78%67%83% Réussite des tâches par modalités

9 MeanAudioHapticBimod al Q9Open the icon79%71%88%79% Q17Open the icon81%63%96%83% Q1Select the lower icon83% 79%88% Q18Choose the third menu from the left 83% 88%79% Q8Select the higher icon85%71%92% Q2Move icon down86%67%96% Q15Select the higher icon89%83%92% Q3Select the window90%83%100%88% Q16Move it to the left92%79%96%100% Total s 73%64%74%81% Réussite des tâches par modalités

10 La classification et l'enrichissement textuel des images sur Internet pour favoriser la navigation et l'accessibilité aux mal-voyants. AccesWebPlus Assia Aouat Département dInformatique et de recherche Opérationnelle Sous la direction de Peter Kropf et de Aude Dufresne

11 Objectifs Les personnes malvoyantes constituent 20% de la population des internautes Améliorer pour les mal-voyants laccessibilité aux images sur Internet Population cible : personnes malvoyantes (tenir compte des non-voyants) Malgré les recommandations du W3C sur laccessibilité WAI "Web Accessibility Initiative" les sites web restent peu accessibles. Il ny a pas de textes associés aux images Les logiciels de revue décran ne permettent pas de surfer sur les images. Les logiciels comme Bobby permettent de diagnostiquer. Dautres (A-Prompt) permettent de corriger mais pas de façon extérieure. Le Web comporte beaucoup dimages qui ne sont pas toutes aussi importantes: Contenu VS Décoration, Publicité, Navigation, mise en page, logo… Développer des fonctions de reconnaissance des images importantes et ajout de texte alternatif.

12 Besoins Développer un outil intégré au navigateur Reconnaître les images importantes - les images de contenus Enrichir et modifier la description des images Correction automatique Correction manuelle Permettre de surfer - présenter les images au début

13

14 Correction automatique de laccessibilité des images Page Web initiale Page Web résultat Décodage HTML Extraction des Images Ajout du Texte alternatif Images Classification Requête http Réponse http

15 Correction manuelle de laccessibilité des images Page Web initiale Page Web résultat Décodage HTML Extraction des Images Ajout du Texte alternatif Images Requête httpRéponse http Classification Correction

16 Réutilisation de la page corrigée pour laccessibilité Page Web initiale Page Web résultat Plug in Requête httpRéponse http

17 Comment classifier et enrichir les images ? Caractéristiques visuelles Taille de limage Nombre de couleurs Pourcentage des couleurs Histogramme des couleurs Caractéristiques reliées au texte Nom de limage Texte alternatif URL Caractéristiques de contexte Texte alentour Extension de limage Source : locale ou distante Comparaison des modèles de classification Arbre de decision :rapide et peu sensible au bruit kNN :execution moins rapide et sensible au bruit SVM: exécution moins rapide et donne de meilleurs résultats.

18 Architecture - Classification Extraction des Images Web Classification des Images Apprentissage des Règles Règles Images dentraînement Off-line On-line

19 Application de AccesWebPlus automatique Avant/après

20 Correction manuelle (1/2)

21 Démonstration (2/2)

22 Conclusion Résultats de classification encourageants Taux derreur de lordre de 5% Dautres applications peuvent en bénéficier tels que : les moteurs de recherche dimages, nettoyage des images non importantes des pages Web, enrichissement du Web.

23 Autre recherche Transposition tactile des images FQRNT Concevoir un système de transposition des images scolaires en stimuli tactiles pour laccès par les non-voyants Assurer la communication du contenu pédagogique Analyser les processus dinteraction pour mesurer la facilité dutilisation du dispositif Ajuster les paramètres de transposition

24 Le Tactograph : première version

25 STreSS Perception tactile par étirement latéral Ondulations Points Vibrations

26 Le TactoGraph Permet dexplorer des images de manière tactile et sonore. Produit différentes textures comme des vibrations et des ondulations. Retour sonore faisant office de légende en synthèse vocale qui lit le texte.

27 Design et développement Définir le modèle dadaptation Éliminer les détails Éviter la fatigue, utiliser les vibrations pour les contours. Ajouter du retour audio pour le contenu Créer des niveaux de navigation Programmer un environnement pour la description des images WYSWYG - WYSIWIS

28 Évaluation du dispositif 10 voyants aux yeux bandés non-voyants 10 adultes et 10 jeunes Présentation, exploration de 3 images, questions. Résultats: Facile, cool.. 80% des questions de contenus Pas de différences entre voyants, non-voyants Non-voyants un peu plus de temps dexploration. Ondulations dans les formes pas concluant Bruit de la mer trop fort, veulent contrôler Petits objets manqués Contrôle du niveau de détails, manque de repères Nécessité de zoom Préciser le modèle pour différents types graphes Voir après période dhabituation

29 TactoWeb – Grégory Petit Analyse et adaptation Intérêt relatif des images. Relier des stimuli aux liens, au CSS, aux boutons, aux barres de défilement, etc. Extraire les images, les textes des images, extraire les contours, les formes et associer des textures, des descriptions aux parties dimage Définir des niveaux de lecture, des préférences. Gérer les interférences entre stimuli sons trop fréquents textures proches trop semblables, etc. Tenir compte de la vitesse de déplacement

30 Regard sur les études daccessibilité Design Avec les usagers Définir les contraintes de la transposition -intégration aux activités réelles et changeantes intégration aux outils existants Modéliser un espace de représentation Objets, interactions, répartir les modalités Évaluation Fonctionne en contexte réel (Image web) Définir des tâches Utilisabilité, utilité …prétester davantage les versions du dispositif

31 31 VoiceOver pour MacOS Permet lexploration spatiale :

32 Transformer le web pour les non voyants Subvention Ministère des Services Gouvernementaux Le Web sans souris et sans vision nest pas facile Analyser le contenu des pages web Transposer les dimensions visuelles et spatiales par des stimuli Tactiles et audio Développer un modèle de transposition et lévaluer auprès des usagers non-voyants Permettre une exploration spatiale plutôt quune exploration séquentielle

33 Le Tactograph - Deuxième version

34 TactoWeb Accès au Web pour les personnes non-voyantes Supprimer la frustration provoquée par les lecteurs décran frustration liée à la linéarisation de la information linéarisation de linformation due à une seule modalité de sortie Donc utiliser une navigation spatiale plutôt quune navigation séquentielle Comme pour les graphismes tactiles alors?

35 TactoWeb Exploration multimodale du Web via le Tactograph Création dun fureteur tactile et sonore Prendre 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

36 Représenter la structure de la page Web

37 En utilisant le code des CSS.. Pour repérer les sections.. Navigation du tactograph Lecture en synthèse vocale des textes Indices tactiles et sonores des éléments

38 38 Page Web

39 Accès aux formulaires Définir les modalités pour les composantes de pages web. Utilisation des boutons sur le tactograph pour zoom, clic, niveau de détail. Affichage dynamique qui change le niveau de détail selon la vitesse de déplacement. Offrir une solution sans Tactograph avec une souris tactile Ifeel qui profite des fonctions de synthèse vocale et de sons.


Télécharger ppt "Interfaces accessibles Non-Voyants Analyse Conception Évaluation."

Présentations similaires


Annonces Google