accessibilité Sélectionner la liste déroulante/facilité d'utilisation

Question

Je suis en train de trouver le moyen le plus utilisable/accessible pour mettre en œuvre une forme simple liste déroulante qui triera une liste de produits par pice et par ordre alphabétique.

À votre avis est le menu déroulant plus utilisable quand il y a un bouton qui régit sa soumission ou lorsqu'elle soumet automatiquement onchange de la liste déroulante?

La recherche que j'ai lu est à la fois pour et contre de telles méthodes et il y a une variery de mises en œuvre sur le Web afin que l'intérêt d'entendre les pensées de la communauté.

Merci à l'avance

Answer 1

Tant que vous ne modifiez pas le focus ou naviguez vers une autre page lorsque la sélection change, l'une ou l'autre approche devrait fonctionner. L'exemple classique d'une liste déroulante de problèmes est l'endroit où elle contient une liste d'autres pages sur le site, et navigue dès que la sélection change. Cela empêche un utilisateur de clavier d'utiliser la liste; ils ne peuvent pas le parcourir et ne peuvent naviguer vers aucune page au-delà de la première sélection, car il est impossible de les parcourir. Ainsi, dans les cas où le focus change ou que la page navigue en conséquence, une action distincte (par exemple, le bouton Go, ou la manipulation d'entrée) pour provoquer la navigation est essentielle. C'est probablement d'où vient le conseil que vous avez lu.

Dans ce cas, cependant, il semble que si vous mettez à jour tout le contenu ailleurs sur la page, et ne change pas mise au point ou faire la navigation. Il suffit de recourir au contenu existant.

Answer 2

En tant qu'utilisateur d'ordinateur aveugle ou l'autre méthode fonctionne très bien. Je trouve que le fait d'avoir un bouton à cliquer est un peu plus facile pour moi que le déclenchement de l'événement onchange. Je ne dirais pas que c'est une différence assez importante à prendre en compte, même si la plupart de vos utilisateurs ne seront pas désactivés. Si votre ciblage cible spécifiquement les utilisateurs, je n'utiliserais pas l'événement onchange.

Answer 3

Dépend de vos utilisateurs et de leurs attentes respectives et du contexte dans lequel il est présenté. Comme une déclaration générale, vous devriez avoir la liste déroulante accompagnée d'un bouton de soumission très évidente. C'est l'approche la plus sûre.

Answer 4

Si vous êtes des données de rafraîchissement de la page ou si le foyer se éloigne après l'option déroulante est sélectionnée, vous devez utiliser un bouton pour être accessible. Si vous déclenchez l'événement en cas de modification, les utilisateurs aveugles ou claviers ne pourront pas utiliser le menu déroulant s'ils sont sur des fenêtres avec ie et chrome (donc ensemble, la majorité des personnes sur Windows). Dès qu'ils utilisent les flèches pour défiler vers le bas et faire une sélection, la première option qu'ils sélectionnent sera sélectionnée et les données de la page seront actualisées ou le focus se déplacera, rendant impossible la navigation ou la sélection de la deuxième option, troisième option , etc. Voici une explication complète avec des exemples afin que vous puissiez voir ce que je veux dire.

Les concepteurs certainement n'aiment pas les boutons, mais si vous êtes aveugle et sur le chrome/ie, il est impossible d'utiliser beaucoup de listes déroulantes sans elle. Je suppose que Jared utilise firefox ou un mac.

http://pauljadam.com/blog/javascript/onchange-event-on-a-select-inputjump-menu-accessibility-problems/