Bonjour,
Est-ce que ça charge une nouvelle page à chaque fois? Ou est-ce que tout le
contenu est dans la même page?

Dans le premier cas, il vaut mieux des liens, c'est leur fonction première.
Ce sera plus robuste, notamment en cas de retard de chargement du JS. Par
ailleurs cela permet de naviguer via l'historique du navigateur, ce qui est
très appréciable (vive Backspace!).

Dans le second, des boutons pourront convenir, en prenant soin de les
rendre plus explicites (via title ou aria-label ou aria-labelledby), car il
faut informer l'utilisateur sur l'action effectuée de manière claire. Si on
est dans une longue série d'étapes cela devient vite compliqué de savoir où
l'on en est.

Personnellement je déconseille de styler des liens comme des boutons (et
inversement) car il y a des comportements propres aux 2 éléments. Par
exemple: Espace déclenche un bouton mais pas un lien. Et si on
touche/clique sur un bouton, en maintenant la pression, puis on sort de la
zone touchable/cliquable, le bouton ne sera pas déclenché, tandis que le
lien pourra réagir (par exemple, sur navigateur mobile, en proposant un
menu contextuel).

J'espère t'avoir aidé!




[image: --]
Olivier Nourry
[image: http://]about.me/oliviernourry
<http://about.me/oliviernourry>


Le 26 octobre 2016 à 10:40, BECHE, Michel <[email protected]> a
écrit :

> Bonjour à tous,
>
>
>
> Question innocente qui m’a été posée et je reste sec …
>
>
>
> J’ai un assistant (étape 1, étape 2, …)
>
> A l’étape 1, j’ai du texte d’intro et un <button> « commencer » ,
>
> A l’étape 2, j’ai des champs de saisie et des <button>
> « précédent »/ « suivant »
>
>
>
> Dans cet exemple :
>
> -          « commencer » devrait-il plutôt être un lien avec une
> apparence de bouton ? il n’y a pas de formulaire dans cette page …
>
> -          Idem pour précédent ? un lien avec une apparence de bouton ?
>
>
>
> Avez-vous des convictions ou des bonnes pratiques ?
>
>
>
>
>
> Michel
>
>
>
>
> This message contains information that may be privileged or confidential
> and is the property of the Capgemini Group. It is intended only for the
> person to whom it is addressed. If you are not the intended recipient, you
> are not authorized to read, print, retain, copy, disseminate, distribute,
> or use this message or any part thereof. If you receive this message in
> error, please notify the sender immediately and delete all copies of this
> message.
>
> _______________________________________________
> liste_gta mailing list
> [email protected]
> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
>
>
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à