Interfaces accessibles Non-Voyants Analyse Conception Évaluation.
-
Upload
romain-marais -
Category
Documents
-
view
120 -
download
3
Transcript of Interfaces accessibles Non-Voyants Analyse Conception Évaluation.
Interfaces accessiblesInterfaces accessiblesNon-VoyantsNon-Voyants
Interfaces accessiblesInterfaces accessiblesNon-VoyantsNon-Voyants
AnalyseConceptionÉvaluation
Accessibilité et conception d’interfaces adaptées
Interfaces multimodales pour l’accès aux interfaces graphiques par les handicapés visuels haptiques, audicones, synthèse et brailleAjustement des paramètres haptiquesComparaison de l’utilisabilité des différentes modalités
Transposition de la représentation visuelle dans d’autres modalités
Acces aux interfaces graphiques de Windows 3.1
Utilisation du Pantograph ou d’une tablette avec souris
Modélisation de l’interface du bureau de WindowsModéliser les menus et les actions du bureauModéliser les objets
Évaluation de 3 bases sonores
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**
Résultats
Paramètres étudiés Utilisabilité, satisfaction, performance (% tâches complétées, temps moyen d’exécution
Non-voyants récents ou de naissance – pas de différence
Voyants > non-voyants effet de l’âge et de l’Expérience bimodal > haptique > auditif satisfaction modalités et difficulté des tâches
RésultatsInfluence sur la performance
Influence on Performance, Time per exercise and Satisfactionof age, experience with GUI, sight and modality.
Influence of agePerform. Time Satisfaction
Modality (A) 0.0006** 0.1191 0.1772
Sight (B) 0.4108 0.5596 0.2248
AB 0.9702 0.4493 0.535
Age (C) 0.0178* 0.0003** 0.7728
AC 0.8365 0.7453 0.4722
BC 0.0178* 0.3737 0.0379*
ABC 0.6771 0.5536 0.345
Influence of experience
Modality (A) 0.0004 0.3541 0.2983
GUI Experience (B) 0.1474 0.0076 0.0941
AB 0.2064 0.3521 0.8703
GUI only p = .1873 p = .0081 p = .0907
Distribution des rangs où une interface est jugée meilleure
NB ranked as best
Rank from the best to the worst ?
2
Bimodal Haptic Audio Totals
Q1 The interface is easy to use. p=.0001 23 1 24
Q2 I would use it for daily tasks. p=.0001 23 1 24
Q3 It is pleasant to use. p=.0001 24 0 24
Q4 It takes less concentration. p=.0001 21 1 2 24
Q5 It causes less mental fatigue. p=.0001 22 1 1 24
Q6 It causes less physical fatigue. p=.0001 20 2 2 24
Mean Audio Haptic Bimodal
Q10 Resize the window 40% 29% 42% 50%
Q7 Close the window 56% 33% 58% 75%
Q13 Resize the window 56% 33% 50% 83%
Q14 Close the window 57% 54% 50% 67%
Q11 Select the other window 61% 75% 54% 54%
Q6 Select the last menu item 64% 58% 54% 79%
Q12 Move window to the left 67% 63% 63% 75%
Q19 Select the second item 68% 54% 63% 88%
Q4 Move window to the left 74% 71% 71% 79%
Q5 Select the first menu 78% 67% 83% 83%
Réussite des tâches par modalités
Mean Audio Haptic Bimodal
Q9 Open the icon 79% 71% 88% 79%
Q17 Open the icon 81% 63% 96% 83%
Q1 Select the lower icon 83% 83% 79% 88%
Q18 Choose the third menu from the left
83% 83% 88% 79%
Q8 Select the higher icon 85% 71% 92% 92%
Q2 Move icon down 86% 67% 96% 96%
Q15 Select the higher icon 89% 83% 92% 92%
Q3 Select the window 90% 83% 100% 88%
Q16 Move it to the left 92% 79% 96% 100%
Totals
73% 64% 74% 81%
Réussite des tâches par modalités
La classification et l'enrichissement textuel des images sur Internet pour favoriser la navigation et l'accessibilité aux mal-voyants.
AccesWebPlus
Assia AouatDépartement d’Informatique et de recherche Opérationnelle
Sous la direction de Peter Kropf et de Aude Dufresne
Objectifs Les personnes malvoyantes constituent 20% de la population des internautes Améliorer pour les mal-voyants l’accessibilité aux images sur Internet
Population cible : personnes malvoyantes(tenir compte des non-voyants)
Malgré les recommandations du W3C sur l’accessibilité WAI "Web Accessibility Initiative" les sites web restent peu accessibles.
Il n’y a pas de textes associés aux imagesLes logiciels de revue d’écran ne permettent pas de ‘surfer’ sur les images.Les logiciels comme Bobby permettent de diagnostiquer.
D’autres (A-Prompt) permettent de corriger mais pas de façon extérieure.
Le Web comporte beaucoup d’images 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.
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
Correction automatique de l’accessibilité des images
Page Web
initiale
Page Web
résultat
DécodageHTML
Extractiondes
Images
Ajout du Texte
alternatif Images
Classification
Requête http Réponse http
Correction manuelle de l’accessibilité des images
Page Web
initiale
Page Web
résultat
DécodageHTML
Extractiondes
Images
Ajout du Texte
alternatif Images
Requête http Réponse http
Classification
Correction
Réutilisation de la page corrigée pour l’accessibilité
Page Web
initiale
Page Web
résultatPlug in
Requête http Réponse http
Comment classifier et enrichir les images ?
Caractéristiques visuelles Taille de l’image Nombre de couleurs Pourcentage des couleurs Histogramme des couleurs
Caractéristiques reliées au texte Nom de l’image Texte alternatif URL
Caractéristiques de contexte Texte alentour Extension de l’image Source : locale ou distante
Comparaison des modèles de classificationArbre de decision :rapide et peu sensible au bruitkNN :execution moins rapide et sensible au bruitSVM: exécution moins rapide et donne de meilleurs résultats.
Architecture - Classification
Extraction des Images
Web
Classification des Images
Apprentissage des Règles
Règles
Imagesd’entraînement
Off-line
Off-line
On-line
Application de AccesWebPlus automatique Avant / après
Correction manuelle (1/2)
Démonstration (2/2)
Conclusion
Résultats de classification encourageants
Taux d’erreur de l’ordre de 5%
D’autres applications peuvent en bénéficier tels que :
les moteurs de recherche d’images,
nettoyage des images non importantes des pages Web,
enrichissement du Web.
Autre recherche
Transposition tactile des images
FQRNT
Concevoir un système de transposition des images scolaires en stimuli tactiles pour l’accès par les non-voyants
Assurer la communication du contenu pédagogique
Analyser les processus d’interaction pour mesurer la facilité d’utilisation du dispositif
Ajuster les paramètres de transposition
Le Tactograph : première version
STreSS Perception tactile par étirement latéral
OndulationsPoints
Vibrations
Le TactoGraph
Permet d’explorer 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.
Design et développement
Définir le modèle d’adaptation
É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
Évaluation du dispositif10 voyants aux yeux bandésnon-voyants 10 adultes et 10 jeunesPrésentation, exploration de 3 images, questions.
Résultats: Facile, cool..80% des questions de contenusPas de différences entre voyants, non-voyantsNon-voyants un peu plus de temps d’exploration.
Ondulations dans les formes pas concluantBruit de la mer trop fort, veulent contrôlerPetits objets manquésContrôle du niveau de détails, manque de repèresNécessité de zoom
Préciser le modèle pour différents types graphesVoir après période d’habituation
TactoWeb – Grégory Petit
Analyse et adaptationInté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 d’image
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
Regard sur les études d’accessibilité
DesignAvec les usagersDéfinir les contraintes de la transposition -intégration aux
activités réelles et changeantesintégration aux outils existants
Modéliser un espace de représentationObjets, interactions, répartir les modalités
ÉvaluationFonctionne en contexte réel (Image web)Définir des tâchesUtilisabilité, utilité…prétester davantage les versions du dispositif
31
VoiceOver pour MacOS
Permet l’exploration spatiale :
Transformer le web pour les non voyantsSubvention Ministère des Services Gouvernementaux
Le Web sans souris et sans vision n’est pas facile
Analyser le contenu des pages web
Transposer les dimensions visuelles et spatialespar 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 qu’une exploration séquentielle
Le Tactograph - Deuxième version
TactoWeb
Accè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 information
liné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?
TactoWeb
Exploration multimodale du Web via le Tactograph
Création d’un 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
Représenter la structure de la page Web
En utilisant le code des CSS.. Pour repérer les sections..
Navigation du tactographLecture en synthèse vocale des textesIndices tactiles et sonores des éléments
38
Page Web
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.