====== Résultats des tests d'accessibilité réalisés le 30 avril 2022 par ARN et le Cloud Girofle ====== Voici la liste des outils éprouvés, ainsi que les défauts d'accessibilité rencontrés, parfois accompagnés de suggestions d'amélioration. Les tests ont été effectués par des personnes atteintes de **déficience visuelle** sous deux configurations matérielles : * **Configuration A** : ordinateur sous **Windows** 10, avec Microsoft Edge 101.0.1210.53 et Google Chrome 102.0.5005.63 comme navigateurs, et NVDA 21021.3.1 comme logiciel d'assistance * **Configuration B** : ordinateur sous **GNU Linux** (distribution Debian 4.19.194-3 configurée par Hypra), avec Firefox 100.0.2 comme navigateur, et le lecteur d'écran Orca 3.36.3 couplé à la synthèse vocale Baratinoo (interfacée par speech-dispatcher 0.10.0-rc4-2-ge5ba0) [[https://hackstub.netlib.re/nextcloud/s/ScpSqoPZGAADbki|Bugs en vidéo sur Nextcloud]] ===== 1 - Discourse ===== ==== Parcourir une discussion, une liste ou un contenu ==== Parcourir la discussion ou le contenu de la page. Mission spéciale : parcourir les messages et s'assurer qu'on sait bien qui a écrit. === Configuration A === RÉUSSITE Il est possible de parcourir les discussions. [[https://hackstub.netlib.re/nextcloud/s/qEFWqdMQaFFT27P|Vidéo sur Nextcloud]] ===== 2 - Element ===== ==== Parcourir une discussion, une liste ou un contenu ==== Parcourir la discussion ou le contenu de la page. Mission spéciale : lire les 3 derniers messages du chat public. === Configuration A === RÉUSSITE [[https://hackstub.netlib.re/nextcloud/s/KZm3P9nc3s5dLGx|Vidéo sur Nextcloud]] ===== 3 - Framadate ===== ==== Répondre à un sondage classique ==== Indiquer son nom et l'activité à laquelle on souhaite participer (deux choix possibles). Puis ajouter un commentaire. === Configuration A === ÉCHEC Entrer son nom est faisable, mais après ça se complique. **Problème rencontré** : * Difficulté pour cocher les options : la synthèse annonce une liste déroulante d'options à cocher mais elle semble vide. * La synthèse n'annonce pas si les options sont cochées ou non. * Des termes étranges font leur apparition : "Chaussure de ski", "Drapeau dans un trou" (probablement lié aux glyphicons qui utilisent une fonte et des caractères UTF-8). * Quand on veut modifier un choix, la synthèse n'indique pas quelle ligne on modifie. [[https://hackstub.netlib.re/nextcloud/s/k792xsZwLWYcQxq|Vidéo sur Nextcloud]] ===== 4 - Invidious ===== ==== Lancer un contenu vidéo ==== Ouvrir la page, lire la description de la vidéo puis lancer la vidéo. Indiquer dans le compte-rendu s'il y a un indicateur audio/braille quand la vidéo est en chargement. Puis augmenter la vitesse de la vidéo en 1.5x. === Configuration A === RÉUSSITE Il y a un indicateur audio pour le chargement de la vidéo. **Problème rencontré** : faire barre d'espace sur Microsoft Edge ou Google Chrome ne lance pas tout de suite la vidéo, il faut naviguer avec les flèches pour obtenir le bouton lecture. [[https://hackstub.netlib.re/nextcloud/s/NX9ys5Ayg8t65cd|Vidéo sur Nextcloud]] ===== 5 - Jitsi ===== ==== Participer à une visioconférence ==== Rejoindre la réunion en visio. === Configuration A === RÉUSSITE On arrive tout de suite dans le champ d'édition pour entrer son nom pour participer, c'est bien. [[https://hackstub.netlib.re/nextcloud/s/omNiZwRgngLqPoG|Vidéo sur Nextcloud]] ===== 6 - Mastodon ===== ==== Parcourir une discussion, une liste ou un contenu ==== Parcourir la discussion ou le contenu de la page. Mission spéciale : lire les 3 derniers "toots". === Configuration A === RÉUSSITE **Suggestion d'amélioration** : recommandation d'indiquer "Accueil" sur le logo Mastodon dans l'entête du site, puisqu'il sert de lien vers la page d'accueil. [[https://hackstub.netlib.re/nextcloud/s/Ao3ikEpGyb3Fm4f|Vidéo sur Nextcloud]] ===== 7 - Mattermost ===== ==== Accéder à Mattermost ==== === Configuration B === ÉCHEC La recherche du canal fonctionne mais impossible de sélectionner un résultat. **Problèmes rencontrés** : * Mail d’invitation en anglais et contient beaucoup d'information. * Au moment de créer son mot de passe, si celui-ci ne respecte pas les critères exigés par Mattermost, le texte qui s’affiche pour l'indiquer n’est pas signalé par la synthèse vocale et l'utilisateur mal-voyant ignore qu'il s'est passé quelque chose. * Le champ pour saisir le nom d’utilisateur à la 1ère connexion est une zone de saisie sans label, on ignore de quoi il s'agit à moins de relire l'ensemble de la page. * Mélange d’anglais et de français dans la lecture de la SV (« rechercher embedded »). * La popup de configuration à la première connexion n'est pas signalée et difficilement naviguable au clavier. * Le bouton "+" pour parcourir les canaux fait apparaître une boîte de dialogue avec une liste d'options qui n'est pas signalée par le lecteur d'écran, l'utilisateur ignore qu'il doit accomplir une nouvelle action, et la navigation au clavier continue d’interagir avec l’arrière plan plutôt que dans la liste d'actions. * Grosses difficultés (!!) à trouver la liste des canaux et à naviguer entre eux. Ça passe mieux avec l’aide à la navigation. ===== 8 - Mumble ===== ==== Participer à une audioconférence ==== Rejoindre la réunion en audio. === Configuration A === RÉUSSITE MITIGÉE **Problèmes rencontrés** : * Difficultés rencontrées pour activer le micro avec le navigateur Microsoft Edge, besoin d'assistance. Il faudrait voir si l'activation du micro est bloquante avec d'autres navigateurs. * Les intitulés pseudo et mot de passe ne sont pas associés à leurs champs d'édition. On ne sait donc pas ce qu'on édite. [[https://hackstub.netlib.re/nextcloud/s/wjte2KayTsDHFm2|Vidéo sur Nextcloud]] ===== 9 - Nextcloud ===== ==== Accéder à nextcloud via un mail d’invitation ==== === Configuration B === ÉCHEC **Problèmes rencontrés** : * Les messages d’erreur dans Nextcloud apparaissent en bas, l’information est difficile d’accès et oblige à rescanner toute la page. * Quand un bouton est "actionné" et déclenche l'apparition d'un nouvel élément, cet élément n'est pas détecté par le lecteur d'écran. Par exemple, si on essaie de réinitialiser son mot de passe, on suit le lien "mot de passe oublié?" et tente un premier mot de passe; ce mot de passe ne remplit par les critères exigés par Nextcloud, un texte apparaît à l'écran pour le signaler; mais l'utilisateur mal-voyant ne se rend pas compte que ce texte est apparu parce que le lecteur d'écran n'a pas détecté le changement. L'utilisateur attend et finit par relancer la lecture complète de son écran, pour comprendre s'il s'est passé quelque chose. Même problème quand le mot de passe est bien réinitialisé, on est renvoyé vers la page de connexion mais rien ne l'indique, ou encore quand la connexion est réussie : on change d'interface, mais ce n'est pas signalé. **Suggestion d'amélioration** : Nextcloud semble parler une langue pour se connecter, et une autre pour réinitialiser son mot de passe, on ne comprend pas comment et pourquoi il passe de l’un à l’autre sans dire par exemple "mot de passe enregistré". Ce serait bien qu'un titre « réinitialisation de mot de passe » et un titre « connexion » soit précisé quand on passe d’un écran à l’autre. ==== Créer un document collaboratif sur Nextcloud ==== Créer et partager un document texte collaboratif. === Configuration B === ÉCHEC **Problèmes rencontrés** : * Il y a beaucoup d'éléments de natures différentes sur la page tableau de bord, prévoir une version plus épurée ? * Le Header n'est pas toujours lu par la synthèse vocale si pas de lecture de liens paramétrée, ne pas aller trop vite. * Lecture en double de tableau de bord par la synthèse vocale. * La pop-up de démarrage a été fermée parce que pas pratique à ce moment là, et elle ne se rouvre pas d'elle-même. * Quand on clique sur le "+" pour créer un nouveau dossier ou document, la liste qui apparaît n'est pas détectée, et elle est difficilement navigable : il faut à ce moment-là nommer le document mais rien ne l'indique et ce n'est pas compréhensible pour la personne mal-voyante. * L'ouverture d’un doc pdf dans le même onglet rend difficilement la navigation, si on l'ouvre par erreur, on ne comprend pas où on est arrivé et fermer l'aperçu est un exercice encore plus long que la connexion ! ==== Ouvrir un document partagé par mail (avec connexion) ==== === Configuration B === ÉCHEC **Problèmes rencontrés** : * Clic pour ouvrir un doc, mieux si lien ? * Ouverture du menu détails et coincé dedans, impossible de le refermer, ça retourne pas dans l’espace central. ==== Ouverture d’un doc partagé par mail avec lien public (sans connexion) ==== === Configuration B === ÉCHEC **Problème rencontré** : le bouton « télécharger » en haut du document n'a pas de nom (lecture « bouton bouton »). ==== Lire le contenu d’un tableur en ligne ==== Lire le menu de la semaine dans le tableur collaboratif. === Configuration B === ÉCHEC **Problème rencontré** : besoin de télécharger le document pour le lire, impossible en ligne. === Parcourir les onglets d’un tableur en ligne === == Configuration B == ÉCHEC ==== Accéder à l’édition d’un document texte en ligne ==== === Configuration B === ÉCHEC **Problème rencontré** : coincé dans les menus autour du document et impossible d'entrer dans le corps du document, canevas cliquable puis zone de saisie mais rien détecté… === Ouvrir les options d’accessibilité d’un doc === == Configuration B == ÉCHEC **Problème rencontré** : bouton pas accessible… puis quand on clique dessus pas d’information, la lecture vocale ne fonctionne pas. ==== Récupérer un fichier lourd (sans connexion) ==== Récupérer un fichier via un lien partagé. === Configuration A === RÉUSSITE [[https://hackstub.netlib.re/nextcloud/s/J2gaKjkLaKFgLYX|Vidéo sur Nextcloud]] ==== Envoyer un fichier lourd (sans connexion) ==== Envoyer un fichier via un lien partagé. === Configuration A === RÉUSSITE [[https://hackstub.netlib.re/nextcloud/s/J2gaKjkLaKFgLYX|Vidéo sur Nextcloud]] ===== 10 - OpenSondage ===== ==== Répondre à un sondage classique ==== Indiquer son nom et l'activité à laquelle on souhaite participer (deux choix possibles). Puis ajouter un commentaire. === Configuration A === ÉCHEC **Problèmes rencontrés** : * Lorsqu'on veut faire un choix, la synthèse ne lit pas le choix associé (exemple : si je veux dire oui ou non, je ne sais pas à quoi je dit oui ou non). * Pour modifier une entrée c'est pareil, on ne sait pas ce qu'on va modifier. [[https://hackstub.netlib.re/nextcloud/s/HF6gK7iAzL5Xi7G|Vidéo sur Nextcloud]] ===== 11 - PeerTube (3.0) ===== ==== Lancer un contenu vidéo ==== Ouvrir la page, lire la description de la vidéo puis lancer la vidéo. Indiquer dans le compte-rendu s'il y a un indicateur audio/braille quand la vidéo est en chargement. Puis augmenter la vitesse de la vidéo en 1.5x. === Configuration A === ÉCHEC **Problème rencontré** : difficulté pour lancer la lecture de la vidéo. La synthèse vocale dit bien "lecture vidéo", mais quand on frappe barre d'espace ça ne lance pas la vidéo. La touche b rétracte le menu en même temps que de passer au bouton suivant. [[https://ideas.joinpeertube.org/posts/95/make-the-video-viewer-accessible-a11y|Suivi du rapport de bug]] ===== 12 - PicaTube ===== ==== Lancer un contenu vidéo ==== Ouvrir la page, lire la description de la vidéo puis lancer la vidéo. Indiquer dans le compte-rendu s'il y a un indicateur audio/braille quand la vidéo est en chargement. Puis augmenter la vitesse de la vidéo en 1.5x. === Configuration A === RÉUSSITE La vidéo est bien lue avec la barre espace. Il y a un indicateur audio de chargement. **Problème rencontré** : conflit entre les raccourcis clavier du site et du lecteur d'écran. Pour changer la vitesse de lecture, la transcription audio donne des infos un peu étrange "1x / 2". Le raccourci avec les chevrons nécessite d'être appuyé plein de fois. [[https://hackstub.netlib.re/nextcloud/s/awESED53G56B2MB|Vidéo sur Nextcloud]] [[https://ideas.joinpeertube.org/posts/95/make-the-video-viewer-accessible-a11y|Suivi du rapport de bug]] ===== 13 - SearchX ===== v.1.0.0 ou antérieure ==== Faire une recherche web ==== Utiliser le moteur de recherche proposé pour chercher "accessibilité" et aller sur la page Wikipédia correspondante (ou une vidéo qui parle d'accessibilité). Une fois sur la page, revenir à la page précédente et cliquer sur un autre résultat. === Configuration A === RÉUSSITE PARTIELLE La première page donne bien le focus dans la zone de recherche, c'est bien. Le bouton recherche fonctionne correctement, les résultats sont bien trouvé et affiché, MAIS... **Problèmes rencontrés** : * Après avoir lancé la recherche, le focus est dans le champs de recherche (sur la page des résultat), ce qui empêche de naviguer dans les titres de résultat avec la navigation par titre (touche h). Il faut en réalité faire Échap avant pour sortir de la zone de recherche. * Le contenu n'est pas annoncé lorsqu'on retourne dans le champs de recherche, et il n'est pas effacé. **Suggestion d'amélioration** : demande de ne pas mettre le focus dans le champs de recherche sur la page des résultats (comme Google et Bing). [[https://hackstub.netlib.re/nextcloud/s/zc4w2GHKkQQ8RdD|Vidéo sur Nextcloud]] ===== 14 - SepiaSearch ===== ==== Faire une recherche web ==== Utiliser le moteur de recherche proposé pour chercher "accessibilité" et aller sur la page Wikipédia correspondante (ou une vidéo qui parle d'accessibilité). Une fois sur la page, revenir à la page précédente et cliquer sur un autre résultat. === Configuration A === ÉCHEC **Problèmes rencontrés** : * Le fait qu'il n'y ai pas de résultat trouvé pour une recherche n'est pas toujours affiché. * Le contenu n'est pas annoncé lorsqu'on retourne dans le champs de recherche, et il n'est pas effacé. [[https://hackstub.netlib.re/nextcloud/s/85J6LJ3SAMBL7Mb|Vidéo sur Nextcloud]] ===== Conclusion ===== **23 tests** ont été menés sur **14 logiciels libres**, parmi lesquels on dénombre **8 réussites**, **2 réussites partielles** et **13 échecs**. ==== Services qui ont échoué aux test* : ==== * Les outils de sondage **Framadate** et **OpenSondage**, et on a même pas tenté le sondage spécial date ; * Le site d'hébergement de fichiers **Nextcloud**, aucune manipulation n'est possible dès lors qu'on est connecté.e ; * Le service de messagerie instantanée auto-hébergeable **Mattermost**, peu navigable ; * Le logiciel d'hébergement de vidéo décentralisé **PeerTube**, on ne peut pas lancer de vidéo ; * Le moteur de recherche **SepiaSearch**, trop peu verbeux pour se repérer efficacement dans la page. ==== Services qui ont réussi les tests* : ==== * Le logiciel de clavardage et visioconférence décentralisé et crypté **[[https://app.element.io/?pk_vid=d4b162e0e6c511851631808451ab93fb#/welcome|Element]]** ; * Le forum de discussions qui intègre un système de liste de diffusion **[[https://try.discourse.org/|Discourse]]** ; * L'instance du logiciel d'hébergement de vidéo décentralisé Peertube de Picasofts **[[https://tube.picasoft.net/|PicaTube]]** et l'interface alternative pour accéder aux vidéos YouTube **[[https://invidious.fdn.fr/feed/popular|Invidious]]** ; * Le logiciel de téléphonie audio et vidéo et client de messagerie instantanée **[[https://meet.jit.si/contribatelier|Jitsi]]** ; * Le réseau social et logiciel de microblog auto-hébergé **[[https://mamot.fr/@CuisineLibre|Mastodon]]** (distribué et décentralisé via ActivityPub au sein du Fediverse). *Les scénarios de nos tests étaient assez simples et leurs résultats ne sont pas représentatifs de l'accessibilité générale des outils. De plus, il n'y avait que deux situations de test différentes. Ces tests donnent néanmoins une idée de l'ampleur du chantier et permettent d'identifier les premiers problèmes d'usage qui se posent.