Affichage des étapes d'un formulaire multi étapes

L'affichage par défaut actuel, horizontal comme un fil d'ariane, n'est pas optimal, on se retrouve vite avec un chemin sur plusieurs lignes, ce qui est vraiment difficile à lire.

Deux options :

• afficher les étapes verticalement, comme une liste, au lieu d'horizontalement comme un chemin
• n'afficher que l'étape en cours, avec son numéro, et le nombre total d'étapes : "Etape 1 / n : Le nom du fieldset"

Le deuxième point est certainement le plus simple et le plus clair, c'est ce que je fais de mon côté en surchargeant formulaires/inc-saisies-cvt-etapes.html avec ça :

<BOUCLE_etapes(DATA){source table, #ENV{etapes}}>
[(#ENV{_etape}|=={#CLE}|oui)
	<div class="formulaire_spip_etape">
		Étape <span class="formulaire_spip_etape__courante">#CLE / </span><span class="formulaire_spip_etape__total">#GRAND_TOTAL</span> : #VALEUR{options/label}
	</div>
]
</BOUCLE_etapes>

Mais Opquast, dans ses bonnes pratiques, indique qu'il faut préciser toutes les étapes (BP 85) : https://checklists.opquast.com/fr/assurance-qualite-web/les-processus-complexes-sont-accompagnes-de-la-liste-de-leurs-etapes

Autant les BP 86 et 87 sont évidentes et respectées : https://checklists.opquast.com/fr/assurance-qualite-web/letape-en-cours-dun-processus-complexe-est-indiquee https://checklists.opquast.com/fr/assurance-qualite-web/chaque-etape-dun-processus-complexe-permet-de-revenir-a-letape-precedente autant la BP 85, c'est compliqué.

Des étapes classiques comme "Identification / panier / livraison / paiement", c'est simple, mais avec des titres plus longs, ça complique.

A noter : on peut déroger à ces bonnes pratiques si la situation le justifie :)

Je serai donc pour intégrer les étapes tel que proposé : "Etape 1 / n : Le nom du fieldset courant" :

• par défaut ?
• en option avec case à cocher ?

PS : dans mon cas j'ai des classes css pour pouvoir styler, cf capture.