ETQ Usager, je souhaite visualiser un footer au DSFR

[Olivier-Marcellin]

voici les corrections pour le footer vue par les seuls usagers suite à l'échange avec Camille Come :

La recommandation a été : ce footer ne doit pas être le même que "Liens - item" du DSFR (on ne peut pas copier l'identité graphique d'un autre footer)

Corrections :

• footer sur fond blanc (meilleure lisibilité du logo France Services)
• surlignement des liens externes
• une seule couleur de texte "defaultgrey" (noir) pour les informations et titres de catégories
• version du footer en mode sombre
• Icône "external link" présente uniquement lorsque le lien est externe (pointe hors de DS) dans le cas d'un lien interne seul le surlignement est présent (sans icône à la suite)
• version du logo France Services en mode sombre (intégration ultérieure de cette version pour l'accessibilité)

Remarque : à vérifier avec philippe, il me semble qu'il nous a dit de ne pas mettre de liens pour l'instant vers France Services

Autre remarque : pour les liens externes, le filet de surlignement du lien doit passer sour l'icône externat-link d'après la charte et l'écart devrait être de 8 px entre l'icône et le texte (trop grand j'ai mis 4 px…), et il y a un manque de cohérence dans la charte graphique car le composant pied de page a un lien (Etalab) qui n'est pas correctement surligné…

l'icône external link s'applique seulement si le lien renvoi vers un contenu externe à DS, dans le cas contraire (lien interne) l'icône n'est pas présente. Voir en application sur ce site : https://design.numerique.gouv.fr/outils/

[emsnytech]

manque à mon avis le lien vers la doc et la FAQ...

[Olivier-Marcellin]

les liens vers la doc et la FAQ sont sur le footer générique (accessible sur la page d'accueil), faut-il ajouter ces liens sur le footer usagers aussi ?

[colinux]

@kara22 @Olivier-Marcellin juste pour info dans une autre PR que que je finirai lundi ou mardi :

• j'ai réglé le pb du surlignement de certains liens qui n'apparaissait pas correctement à certains endroits (comme dans le footer et le lien etalab),
• un léger décalage vertical sur la position de l'icône externe et la ligne de soulignement.
• certains liens en noir qui doivent bien être en gris

Y a pas mal de conflits entre le DSFR et le reset css qu'on utilise.