web-dev-qa-db-fra.com

Comment fournir deux options pour les éléments d'une liste, avec une accessibilité pour les utilisateurs aveugles?

Je développe une application de lecture de livres audio pour mobile. Cette application est principalement destinée aux aveugles, donc l'interface utilisateur doit être confortable en mode d'accessibilité. Pour un livre ouvert, il affiche une liste de ses chapitres.

Je veux proposer deux options pour les chapitres:

  • Lire la démo du chapitre (qui ne lit que l'audio de ce chapitre pendant 5 secondes)
  • Lire le chapitre (qui montre le texte du chapitre et lit son audio)

En ce moment, j'ai utilisé Simple Click et Long click pour ceux-ci, cependant, c'est déroutant pour les gens.

Current ui

Quelle est la meilleure façon de fournir ces deux options?

Je pense à ceux-ci:

  • Mettre deux boutons sur chaque rangée.
  • Ouverture d'un menu contextuel en un clic.
  • Utilisation de Click vs. Double Click.

Mais je ne sais pas quelle est la meilleure, ou s'il y a une autre façon plus élégante.

4
Mousa

Si c'est principalement pour les aveugles, alors la seule chose importante à propos de la structure des éléments est leur ordre . Les fonctionnalités d'accessibilité, telles que Android TalkBack , font passer la focalisation d'un élément à un autre sur les balayages gauche/droite.

Ce que vous ne devriez pas ne pas faire , c'est utiliser des styles d'interaction et des animations fantaisistes, comme certaines réponses suggérées ici (par exemple, faire glisser les boutons sur le côté). Celles-ci rendent très difficile pour les aveugles de comprendre réellement ce qui se passe et peuvent également perturber l'ordre de lecture du lecteur d'écran.
L'article Gestes utilisables pour les aveugles: comprendre les préférences et les performances montre de nombreuses recherches à ce sujet et fournit des lignes directrices sur la façon de concevoir des applications pour smartphones pour les aveugles.

Je vous suggère donc d'utiliser votre première idée et de simplement placer deux boutons dans chaque ligne.

Mais les personnes totalement aveugles sont beaucoup plus rares que les personnes malvoyantes, qui ont encore une vision résiduelle. Donc, avec une conception correcte, vous pourriez leur fournir un "raccourci", au lieu de les faire passer par tous les éléments avec le lecteur d'écran en premier.

Les éléments qui aident ces utilisateurs à interagir avec votre application sont les suivants:

  • Taille de l'élément et du texte
  • Bon contraste entre l'élément et l'arrière-plan
  • Placement d'éléments importants dans des endroits facilement accessibles (tels que les coins de l'écran, car il est plus difficile pour les malvoyants de toucher une cible au milieu de l'écran)
2
Big_Chair

Que diriez-vous de glisser à gauche et à droite pour afficher des boutons supplémentaires? Comme dans Google Inbox. Ou mieux encore, comme Zoho mail. Voici une capture d'écran. Inconvénient: vous devez au moins les éduquer une fois lors de l'intégration, mais l'idée reprend, elle n'aura pas besoin d'être éduquée de sitôt.

enter image description here

enter image description here

3
Ayyash

Je dirais que vous devriez jouer la démo sur l'événement touch enter et arrêter quand il entre dans un autre chapitre en faisant glisser son doigt.

S'il relâche (sur le côté tactile) il y a 3 cas:

  • la démo a été jouée une fois et il est toujours sur ce chapitre> il jouera le chapitre depuis le début
  • la démo est toujours en cours de lecture> elle ne devrait pas s'arrêter (qui couvre également le boîtier à robinet unique)
  • il est en dehors de la zone tactile> il arrête la démo si elle est toujours en cours d'exécution

La bonne chose à propos de cette approche est que vous pouvez parcourir le livre librement et facilement avec une seule touche et une fois que vous vous êtes installé sur quelque chose, vous venez de le relâcher et de partir.

2
Knu

Faites glisser vers le haut et vers le bas pour naviguer entre les chapitres un chapitre à la fois avec un aperçu audio rapide. Faites glisser vers la droite et la gauche pour naviguer dans le chapitre une phrase à la fois avec un aperçu audio rapide de la phrase. Un seul appui pour mettre en pause/jouer

1
Julien Reszka

Je pense que mettre deux boutons sur chaque rangée pourrait être une bonne approche, vous leur donnez l'option au 1er niveau qui est assez simple. Le seul problème que je vois, c'est qu'il pourrait causer de l'encombrement, si vous avez une limite d'espace pour ajouter des boutons. Le bouton de type d'icône peut aider.

Ouvrir un menu contextuel en un clic est également bon, mais cela nécessite un clic supplémentaire, s'ils naviguent simplement, cela deviendra gênant.

La 3ème approche du simple ou double clic, je ne recommanderai pas. Comment prévoyez-vous de les éduquer le double-clic est la version complète, lorsque l'utilisateur fait un double-clic, il semble que quelque chose ne fonctionne pas. De plus, comment différenciez-vous si l'utilisateur a l'intention de faire un simple ou double clic, quelle est la durée du programme?

1
Chia_Tea