web-dev-qa-db-fra.com

Comportement du formulaire lors d'un "clic" pour fermer une boîte de dialogue

J'ai un site Web où l'utilisateur pourra voir les graphiques créés en fonction des filtres qu'il a choisis. En haut de la page se trouvent plusieurs sujets de filtre qui, lorsque vous cliquez dessus, développent une sorte de boîte de dialogue en dessous (je pervertis actuellement l'élément déroulant de Bootstrap à cet effet pour le moment) où ils peuvent faire un choix spécifique (par exemple, région, sexe, etc. ., et certains légèrement plus complexes).

La boîte de dialogue aura deux boutons en bas, "OK" et "Annuler" - si vous appuyez sur OK, la boîte de dialogue se ferme et affiche une version abrégée de vos sélections sous l'étiquette du filtre; et si vous appuyez sur Annuler, la boîte de dialogue se ferme et revient à ce qu'était le filtre à l'origine (c'est-à-dire avant vos dernières modifications que vous avez "annulées"). Ensuite, il y a un bouton pour déclencher la mise en œuvre des filtres que vous avez choisis et modifier les graphiques.

Cependant, le comportement par défaut de ces boîtes de dialogue (et quelque chose que je pense que beaucoup d'utilisateurs attendent probablement, mais je peux me tromper) permet également aux gens de fermer la boîte de dialogue en "cliquant" - c'est-à-dire en cliquant sur la page quelque part en dehors de la boite de dialogue.

La question que nous avons est: ce comportement doit-il déclencher "OK" ou "Annuler"? Ou peut-être devrions-nous interdire complètement ce comportement et les forcer à choisir l'un des boutons afin de fermer la boîte de dialogue.

Je pensais que je m'attendrais à ce que la prochaine fois que j'ouvrirais la boîte de dialogue, elle montrerait les sélections que j'avais faites à moins que je clique sur Annuler (un peu comme dans certains navigateurs, si vous remplissez un formulaire et cliquez sur un lien hors de la page, mais ensuite utilisez le bouton de retour, vous trouverez vos réponses encore remplies). Mon collègue s'attendait à ce que ce comportement annule tout ce qui a été ajouté. Je pense que nous sommes trop près de cela, donc j'apprécie vos commentaires. Je vous remercie.

3
UX Guest

Dans ce cas, il est sage de s'en tenir aux conventions; cliquer en dehors d'un modal agira de la même manière que l'option d'annulation. L'activation de ce comportement aidera les personnes qui s'appuient sur ce principe sur d'autres sites Web, sans nuire à ceux qui ne l'utilisent jamais.

N'oubliez pas que c'est une bonne chose d'étiqueter votre appel à des actions de manière appropriée - OK et Annuler dépendent du contexte. Ils obligent un utilisateur à tout lire avant que ces actions aient du sens (et même alors, il peut être douteux de ce qui se trouve au-delà du clic).

En ce qui concerne l'accessibilité: ce lien contient des exemples de son fonctionnement. Et voici un démo . Cela aide à la fois les personnes qui naviguent sur le clavier et les personnes qui aiment cliquer hors de la fenêtre pour fermer les choses. C'est très convivial.

1
Wendy Wojenka

Il doit agir comme un "Annuler". Vous pouvez désactiver cette fonctionnalité et être parfaitement bien, tant que leur focus clavier et leur comportement de clic sont piégés dans le modal; les forçant à choisir entre "Ok" ou "Annuler". Il est impératif de verrouiller leur focus spécifiquement pour des raisons d'accessibilité.

Je ne me souviens pas non plus des sélections précédentes. Le terme "Annuler" signifie agir comme si je n'avais rien fait.

Pour les pages Web, vous devriez lire les WAI-ARIA Authoring Practices concernant les modaux.

0
MrGrigri