Changements sur la page d'accueil

DISIC / observatoire

🕵️‍♀️ Observatoire de la qualité des démarches en ligne

https://observatoire.numerique.gouv.fr/

GNU Lesser General Public License v3.0

10 stars 4 forks source link

Closed lucaa closed 2 years ago

lucaa commented 2 years ago

Nouveau visuel à obtenir (mode deconnecté):

Changements (mode deconnecté):

suppression des textes de la section "Comment evaluons nous..." et adaptation de la tailles des cartes en conséquence
bloc titre:
- nouvelle taille du h1: 3em (uniquement desktop)
- rétrécissement de la taille du titre pour qu'il passe sur 2 lignes (48rem - pas des colonnes mais des rems)
changement des couleurs des bloc (inversement de l'alternance)
- attention: l'accueil connecté doit suivre

lucaa commented 2 years ago

couleurs de l'accueil connecté:

le titre n'est plus affiché du tout
rechercher une démarche: fond blanc
- à ajouter le style DSFR sur la boite de recherche pour avoir le contour
suivre vos démarches: pas de changement
administrez les données: remonte juste en dessous de suivre vos démarches et devient blanc
les 250 démarches suivies: devient gris (le gris des questions)
"des questions" il devient blanc comme sur la PA non-connecté

ugodtn commented 2 years ago

Capture des infos ci-dessus :

clemdee commented 2 years ago

Tous les changements ont été effectués.

lucaa commented 2 years ago

Je rouvre ce ticket car suite à la modification

le titre n'est plus affiché du tout

on a un problème de cohérence de la hiérarchie de titres (critère RGAA).

Le titre H1 de la page d'accueil est celui de la section titre. Ainsi, après modifications, nous avons des h2 orphelins:

@ugodtn il faut revoir le besoin d'enlever le titre.

lucaa commented 2 years ago

vu avec @ugodtn : la nécessité d'enlever le titre h1 de la page devient:

on change le titre en 'Mon tableau de bord'
la section du titre fusionne avec la section suivante, "rechercher une démarche" (dont le nom change aussi en "rechercher une démarche existante")
le titre "rechercher une démarche" ne sera plus un titre niveau 2, mais un bloc dont le style visuellement est le même que le h4.

Note: contrairement à cette image la couleur de fond de la boite de recherche doit être grise, cf. DSFR.

clemdee commented 2 years ago

Tous les changements ont été appliqués :

titre changé en 'Mon tableau de bord'
section du titre fusionnée avec la section "rechercher une démarche"
renommage "rechercher une démarche existante"
le titre "rechercher une démarche" n'est plus un titre h2, mais un texte avec le sytle h4 (implémentation des styles .h1 - .h6 dans le DSFRTheme).

ugodtn commented 2 years ago

@lucaa Ok pour les modifications, mais j'observe un bug sur mobile : l'icône du bouton de recherche sort de son cadre :

lucaa commented 2 years ago

Ticket créé pour ce nouveau problème, au #1157 .