Clarifier les actions et les réponses après l'activation.
Progression de la vérification
Comparer les informations et la présentation dans le contexte d'utilisation.
Essayez l'opération, modifiez le statut et continuez à travailler.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Appuyez sur le bouton lorsque le réseau est lent, puis appuyez à nouveau. Répondez suffisamment tôt à l'état du traitement, évitez les soumissions en double et utilisez une étiquette indiquant le résultat de l'action plutôt qu'un mot générique.
EXEMPLES
Le bouton « Enregistrer les modifications » devient « Enregistrer… » pendant le traitement ; Une fois terminé, affichez la confirmation et autorisez la poursuite de l’édition.
Définissez une échelle de tailles claire pour les formulaires, les barres d’outils et les actions sur mobile.
Testez des libellés longs et augmentez la taille du texte ; le bouton doit conserver sa zone tactile sans déborder de la mise en page.
Exemple Le bouton « Confirmer la commande » est large sur mobile ; le bouton de filtre reste compact dans la barre d’outils.
Les états normal, survolé, avec focus, désactivé et en cours de chargement doivent avoir des signes distincts, sans dépendre uniquement de la couleur.
Envoyez une fois, puis cliquez de nouveau pendant l’attente ; la tâche ne doit pas être lancée en double et le focus doit rester visible.
Exemple Le bouton affiche « Enregistrement… » pendant le traitement de la requête.
L’icône renforce le sens du libellé ; un bouton composé uniquement d’une icône doit avoir un nom accessible et, si nécessaire, une infobulle.
Lisez le nom du bouton avec un lecteur d’écran et testez-le auprès d’une personne qui ne connaît pas l’icône.
Exemple Le bouton de corbeille possède l’aria-label « Supprimer le brouillon », plutôt que le seul mot « Supprimer ».
Distinguez les actions principales, secondaires et dangereuses avec un système cohérent.
Placez deux actions côte à côte ; l’utilisateur doit reconnaître l’étape principale et les conséquences d’une suppression.
Exemple « Enregistrer les modifications » utilise le bouton principal ; « Annuler » reçoit un traitement plus discret.
