L'intitulé du bouton devrait reprendre l'intitulé de l'action qui ouvre la modale. Faudrait que je redemande la logique à une amie qui fait de la microcopie/design.

Ça ressemblerait à :

Fermer [x]

# Session collaborative

Souhaitez-vous démarrer une session collaborative de l'article **xxx** ?

[Démarrer la session]

La logique c'est de ne pas avoir deux boutons qui font des actions opposées l'une à côté de l'autre.

Sinon en vrai demander de l'aide à @maiwann pour avoir des modales accessibles et bien étiquetées ?

Des exemples de modales canon :

La logique c'est de ne pas avoir deux boutons qui font des actions opposées l'une à côté de l'autre.

Je ne connais pas cette règle 😬

On a regardé avec @ggrossetie seulement le graphisme de la modale, d'où la capture. J'aurai pu veiller aussi au wording mais je n'étais pas du tout concentrée dessus. Je peux faire une passe dessus et faire une liste des reformulations à faire.

L'intitulé du bouton devrait reprendre l'intitulé de l'action qui ouvre la modale. Faudrait que je redemande la logique à une amie qui fait de la microcopie/design.

👍

La logique c'est de ne pas avoir deux boutons qui font des actions opposées l'une à côté de l'autre.

On voit quand même souvent le pattern ci-dessous en pied d'une fenêtre contextuelle :

[Cancel] [Action]

Peut être que le soucis c'est que les boutons sont collés ?
Dans tes exemples, j'aime bien le fait que le lien permettant de revenir en arrière (i.e., annuler l'action, recommencer) a un style de lien et que l'action a un style de bouton :

Dans le deuxième exemple, j'aime bien le fait que la croix soit accompagné d'un libellé "Fermer". Dans ce cas précis, je pense qu'il faut faire soit l'un soit l'autre sinon il y aura confusion entre "Fermer" qui ferme la fenêtre et "Annuler" qui revient à fermer la fenêtre.

Un autre point soulevé lors de notre discussion est qu'on préférait avoir un "gros" bouton avec un libellé pour fermer/annuler plutôt qu'une icone "X" (même si les utilisateurs sont plutôt habitués à fermer des fenêtres en cliquant sur un X en haut à droite).

Sinon en vrai demander de l'aide à @maiwann pour avoir des modales accessibles et bien étiquetées ?

J'ai justement crée l'issue suite à une discussion avec @maiwann et @RochDLY lors de la dernière réunion hebdomadaire. Le focus était sur le fait que les actions étaient peu visibles et qu'on avait des patterns différents dans l'application.

J'ai recherché, et je n'ai pas retrouvé de ressource sur ces histoires d'actions avec des résultats opposés côte à côte (c'était avec des histoires de formulaires et de bouton reset juste à côté du submit).

Après, j'ai trouvé ces 3 articles instructifs :

• https://balsamiq.com/learn/articles/button-design-best-practices/
• https://www.nngroup.com/articles/confirmation-dialog/
• https://www.nngroup.com/articles/reset-and-cancel-buttons/

J'avais pas vu que cette issue était liée à une réunion hebdo, désolé d'avoir débarqué hors-contexte.