| <- [[W3Cx:itwa:2.3.3 Speech input]]| [[W3Cx:itwa:2.3.5 Knowledge check]] -> | Dans cette vidéo, est présenté une démonstration de navigation à la voix, visiblement avec notamment le logiciel [[https://www.nuance.com/products/help/dragon/dragon-for-mac/enx/Content/Navigation/MouseGrid.html|dragon naturally speaking]]. [[http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf|doc 1]], [[https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf|doc 2]] * Cet outil est utilisé en même temps que d'autres. * Ouverture d'application en disant « ouvrir firefox » par exemple, ou "chercher sur le web « quelque chose »" * « page down » pour descendre d'un écran * « five tab » pour déplacer le focus 5 liens plus loin * « entrée » pour cliquer * « go back » pour revenir en arrière * « cliquer nom du lien » pour cliquer sur un lien. Si des liens on le même nom, le logiciel les numérote et on peut choisir en disant le numéro du lien (« choisir 5 ») * il existe un paramètre où il n'y a pas besoin de dire « cliquer » avant le nom du lien mais cela peut engendrer des clics involontaires. Mais cela économise d'avoir à dire « clic » tout le temps. * « damier de souris » (//mousegrid//) divise l'écran en un quadrillage de 3 par 3, soit 9 cases numérotée, que l'on peut rediviser en disant par exemple « mousegrid 5 » pour la case centrale, et ainsi de suite, jusqu'à cliquer avec « mouseclick » * aussi la possibilité d'avoir l'écran avec des règles de 0 à 100 en largeur et hauteur, on peut alors cliquer les coordonnées en disant par exemple « 50 by 50 » pour cliquer au centre. * « show numbers » : Cela numéro numérote les éléments pouvant être cliqués, on peut alors choisir quoi cliquer en annonçant le numéro. * les méthodes « mouse » et « number » marchent partout sur l'ordinateur, pas juste le navigateur. Sur Dragon on peut déplacer la souris avec « souris 1-10 en bas » par ex (nombre entre 1 et 10 + direction) ((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf)) Ces différentes méthodes existent depuis des années, aussi pour les mobiles et peuvent être intégrées dans les systèmes d'exploitation. La chose important à se rappeler en produisant un site internet est de le coder proprement. * une des choses qui ralentit les utilisateurs de navigation à la voix sont les petites boites de dialogue * autre chose : trouver ou est le focus, n'oubliez pas que les utilisateurs à la souris et au doigt n'ont pas à s'occuper de savoir où est le focus puisque le focus est toujours où est la souris ou le point de contact tactile * Pour éviter ces problèmes : tester la page ou application en mode clavier seulement ou avec la navigation vocale * attention aussi aux raccourcis clavier (exemple ; « Hey, Kim » peut être interprété « E » : archiver le message, « Y » : effacer le label, « K » : bouge le curseur, « M » : mute la conversation * permettre aux usagers de désactiver les raccourcis clavier ou de les personnaliser avec des phrases * leur permettre de sauvegarder leurs paramètres {{http://pix.leomartin.net/i/60/7OpDgnwID.Capture-decran-2021-07-21-a-19.png}} {{http://pix.leomartin.net/i/7a/7OpDh3iP6.Capture-decran-2021-07-21-a-19.png}} Trois éléments clés pour terminer : * des boîtes de dialogue avec défilement aussi grandes que possible * un focus clairement visible * si vous utilisez des raccourcis clavier, les rendre personnalisables, sauvegardables et partageables ===== questions ===== * comment peut-on ouvrir une application en utilisant la commande vocale ? * en disant « ouvrir ». * comment peut-on faire défiler vers le haut et le bas en commande vocale ? * « page en arrière / page en haut » et « page en avant »((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf)) (//page down/page up//) * comment peut-on faire déplacer le focus en commande vocale ? * « tabulation n fois »((https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf)) (//n tab//) * comment peut-on faire déplacer le focus en commande vocale ? * « tabulation n fois »((https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf)) (//n tab//) * comment peut-on cliquer en commande vocale ? * « appuyer sur entrée »((https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf)) (//Enter//) * comment peut-on cliquer sur un lien en commande vocale ? * « Cliquer »((https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf)) * Quel est l'avantage et l'inconvénient du paramètre permettant de ne pas avoir à dire « cliquer » lorsque l'on indique ensuite le texte du lien à cliquer ? * C'est plus rapide mais il y a des risques de cliquer par inadvertance * comment peut-on revenir en arrière sur une page web ? * « En arrière »((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf p.177)) * Qu'est-ce qu'un « damier de souris » ou « Mousegrid » ? * une division de l'écran en grille de 3 par 3, afin de cibler une zone à cliquer, éventuellement en redivisant une des neuf zones jusqu'à arriver à une sélection satisfaisante.((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf p.200))((https://bf.wikiqube.net/wiki/Windows_Speech_Recognition#MouseGrid)) * comment afficher une grille de 3 par 3 sur l'écran en vue de sélectionner une zone à cliquer ou à diviser à nouveau ou cliquer ? * « Afficher la grille de la fenêtre » sur macOS((https://support.apple.com/fr-fr/guide/mac-help/mchl26854b08/mac)), « Damier de souris »((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf p.200)) avec Dragon ou « Mousegrid » avec Windows Speech Recognition ((https://bf.wikiqube.net/wiki/Windows_Speech_Recognition#MouseGrid)) * comment cliquer une zone dans un damier de souris ? * « Cliquer sur » sur macOS((https://support.apple.com/fr-fr/guide/mac-help/mchl26854b08/mac)) et Windows((https://bf.wikiqube.net/wiki/Windows_Speech_Recognition#MouseGrid)), « Damier de souris cliquer » avec Dragon ((http://supportcontent.nuance.com/dragon/12/doc/DNS12UserGuide_f.pdf p.200))((https://www.nuance.com/content/dam/nuance/fr_fr/collateral/dragon/command-cheat-sheet/ct-dragon-naturally-speaking-fr-fr.pdf)) * Quelle différences y'a-t-il entre les utilisateurs d'une souris et les utilisateurs de la navigation vocale ? Qu'est-ce que cela induit ? * À la souris, le focus est toujours où est la souris, donc ses utilisateurs n'ont pas à se préoccuper de savoir où est le focus contrairement à en navigation vocale. Cela induit qu'il faut faire attention à vérifier que la zone en focus est toujours clairement indiquée visuellement. * comment éviter les problèmes de focus ou d'éléments d'interface problématiques pour les utilisateurs utilisant la voix ? * Effectuer des tests au clavier et à la navigation vocale * quel est le problème des raccourcis claviers ? * il est facile de confondre une parole et une commande clavier (« C'est assez » pour « C, A, C » par exemple) et de déclencher des actions par erreurs voir de rendre la page ou l'application incontrôlable. * comment éviter le problème posé par les raccourcis claviers ? * En proposant aux utilisateurs de navigation vocale de désactiver les raccourcis clavier ou de les personnaliser avec des phrases * Si les raccourcis claviers d'une page/application peuvent être personnalisés, il peut être une bonne idée de : * leur permettre de sauvegarder leurs paramètres * citer trois éléments ennuyeux pour les utilisateurs de commande vocale : * les boites de dialogue à défilement trop petites * les raccourcis clavier non modifiables ou désactivables * les zones de focus peu ou pas visibles