Ergonomie du formulaire instituer objet
Cette PR a pour but d'améliorer l'ergonomie du formulaire instituer générique pour tout objet, celui qui est sur les pages dédiées de chaque contenu, en suivant les idées évoquées par @touti dans le forum : https://discuter.spip.net/t/amelioration-de-la-zone-de-changement-de-statut/153733/48
Le but est :
- ne pas mélanger visualisation du statut actuel, avec les éléments d'interaction permettant de le changer
- mieux comprendre qu'on peut changer ce statut, avec des termes explicites
- sans permettre de le changer sans faire exprès
Sur l'implémentation :
- le statut actuel est désormais toujours affiché, que ce soit éditable ou pas (= qu'on ait le droit de changer ou pas)
- quand on a le droit de changer, les statuts possibles ne comprennent pas celui qui est déjà actif ! C'est bien plus compréhensible pour les gens maintenant :D
- j'ai tenté d'être accessible dès le départ, mais on peut sûrement encore améliorer :
- ya un aria-expanded pour le bouton, mais vraiment il faudrait qu'on ait une lib/comportement générique pour ça, pour ne pas avoir à recoder ce comportement à chaque fois
- le formulaire utilise des vrais boutons radios, dans un bon fieldset.editer comme attendu désormais pour tous les radios, c'est vraiment la manière accessible de changer qui correspond à la maquette de Touti. On pourrait toujours styler mieux, masquer les radios et ne garder que les labels, ce genre, mais ça sera de l'amélioration par dessus ce HTML correct.
- il manque encore un bouton "Annuler" à ajouter pour replier
- les termes sont volontairement sans chaine de langue pour l'instant le temps qu'on décide quoi
- j'ai pour l'instant utilisé "Statut" tout simplement pour le label qui précède le statut actuel
- j'ai pour l'instant utilisé "Changer" pour le bouton qui déplie, car c'est le même ailleurs, sur le form de Date par exemple, et que c'est bien ça qu'on veut faire
- j'ai pour l'instant utilisé "Nouveau statut" pour le legend du fieldset qui regroupe les radios
TODO :
-
ajouter un bouton Annuler -
se mettre d'accord sur les labels ajoutés -
faire des vraies chaines de langue -
vérifier/améliorer l'accessibilité -
éventuellement améliorer les styles graphiques (masquer les boutons radios ? etc)