#lien-simple
Lien simple : s’utilise à l’intérieur d’un paragraphe. Il conserve la taille de typo. Au survol animation et passe en rouge.
#lien-capital
En police maif bold, précédé d’un picto chevron vers la droite ou suivi d'un picto chevron vers le bas. Il est utilisé pour lire la suite d'un article, en savoir plus, découvrir... Il permet l'ouverture d'une autre page ou l'ouverture d'une nouvelle zone.
En police maif bold, ce lien capital est associé à une maificon représentant le type d'action (imprimer, archiver...), ou de document (pdf, doc...).
#lien-retour
En police arial, précédé d’un picto chevron vers la gauche. Il est notamment utilisé dans les formulaires pour un retour à l'étape précédente.
#liens-internes-vs-liens-externes
Lors de la conception d'une page, il est possible d'intégrer des liens hypertextes qui pointent vers une page d'un site web.
Retrouvez ci-dessous les bonnes pratiques :
Nouvel onglet | Onglet existant | |
---|---|---|
maif.fr/url | ||
autresite.dom | ||
entreprise.maif.fr |
Si la page d’atterrissage est hébergée sur MAIF.fr, il s'agit d'un lien interne, alors le contenu de la page est chargé dans le même onglet.
Si la page d’atterrissage est hébergée sur un site externe, différent du site MAIF.fr, il s'agit d'un lien externe, alors un nouvel onglet doit s’ouvrir et le contenu de la page y est chargé
Si la page d’atterrissage est hébergée sur un site de l'écosystème digital MAIF, type entreprise.maif.fr il s'agit d'un lien externe, alors un nouvel onglet doit s’ouvrir et le contenu de la page y est chargé
A noter que la représentation graphique d'un lien hypertexte est en cours de travail, de façon à répondre aux normes d'accessibilité.