Permettre de réordonner des éléments sans glisser-déposer

Décrire l’opération avant le geste

Distinguez changer un ordre, déplacer dans un groupe, copier ou joindre un fichier. Ces opérations peuvent avoir des conséquences différentes. Pour un classement de documents, le nouvel ordre doit pouvoir être exprimé sans dépendre de la trajectoire du pointeur.

Préparez des commandes telles que « Monter », « Descendre » ou « Déplacer vers… » selon le contexte. Nommez l’élément concerné et expliquez les limites : début de liste, groupe interdit ou déplacement non autorisé. Une liste longue peut nécessiter le choix d’une destination plutôt qu’une série de dizaines d’activations.

Proposer clavier et pointer sans glissement

Le critère W3C sur les mouvements de glissement prévoit, hors exceptions définies, une alternative utilisable avec un pointeur sans glisser. Le fonctionnement au clavier est un contrôle complémentaire : une alternative au clavier ne résout pas à elle seule la difficulté du geste au pointeur.

Des boutons visibles peuvent répondre aux deux usages si leurs actions sont simples. Pour joindre un document, un bouton de choix de fichier complète la zone de dépôt. Testez les alternatives directement, sans commencer par le geste que l’on cherche justement à éviter.

Garder position, focus et sauvegarde en accord

Après un déplacement, le focus doit rester sur une commande utile associée à l’élément, et la nouvelle position doit être compréhensible. Évitez que l’ordre visuel et l’ordre de lecture divergent. Lorsqu’une limite est atteinte, l’interface doit l’expliquer sans envoyer le focus à un endroit inattendu.

Distinguez ordre provisoire et ordre enregistré. Une erreur de sauvegarde doit permettre de reprendre ou de revenir au précédent état. Prévoyez le cas où un autre utilisateur modifie la liste. L’interface ne doit pas afficher une réussite locale alors que le service a refusé la modification.

Exemple : classer les documents d’une fiche

Exemple pédagogique : une fiche contient cinq documents. Les commandes Monter et Descendre permettent de réordonner chaque document, puis Enregistrer confirme l’ordre. Le test déplace le dernier document en deuxième position, vérifie le focus, recharge après sauvegarde puis simule un échec. La recette compare les identifiants des documents, pas seulement leurs noms qui peuvent se répéter.