Design bloc d'infos

[Anne-Camille]

Pour application ou inspi, voir maquettes de Nathalie (liseré bleu)

[ClemLan]

@Anne-Camille on peut la supprimer ? j'ai pris le bloc du DSFR et on l'a déjà appliqué

[Anne-Camille]

@ClemLan actuellement en prod on est DSFR compliant ou pas ? Pcq si ce n'est pas le cas, je vais transformer cette carte en ready to dev pour la mettre en backlog (et dans ce cas si tu peux copier le lien vers la bonne maquette dans le descriptif ce serait parfait !) Sinon => go to terminé !

[ClemLan]

Au niveau des blocs d'infos actuellement oui, sauf sur le bloc rémunération (mais c'était fait exprès pour pas que ça ressorte trop).

Après des blocs d'infos y en a plein partout (vu que c'est le même bloc que pour l'alerte), si tu veux un échantillon j'ai fait la maquette "propre" de la rémunération .

[Anne-Camille]

On parle bien de ces blocs d'infos là, on est ok ? pas du message d'info tel que présent en bloc rému !

[ClemLan]

Ce composant est une tooltip, il n'y a pas - pour l'instant - de recommandation du DSFR à ce sujet. Il y a pour le bouton info par contre : voir maquette avec bouton

[ClemLan]

Aujourd'hui sur le site, le bouton infobulle n'est pas DSFR compilant. Deux propositions coexistent sur la maquette :

Bouton mode sombre Pour être plus discret, surtout sur le formulaire où le nombre d'infobulle est élevé. Contraste à vérifier.

Bouton mode clair DSFR-compliant, avec une icône pleine pour être visible (par rapport à une icône dont les contours risquent de se confondre avec la bordure du bouton).

Bouton mode clair avec icône contour Homogène par rapport aux autres icônes de même hiérarchie, mais risque de mauvaise lisibilité due à un excédent de border.

2 et 3 avec et sans arrondi. L'arrondi serait plus homogène avec les champs de saisie (et différencieraient d'un bouton d'action) Le non-arrondi est DSFR-compliant.

A investiguer post-passation : ergonomie, homogénéité, contraste, accessibilité, impact et réception par les utilisateurs.

➡️ voir sur Figma