Boutons FranceConnect et ProConnect
Les boutons FranceConnect et ProConnect sont des éléments d’interaction avec l’interface proposant à l’usager de se connecter à un service via un compte appelé fournisseur d’identité (type impots.gouv.fr , ameli.fr , l’Identité Numérique La Poste , France Identité , etc.).
Le service sur lequel l’usager se connecte récupère auprès de FranceConnect et/ou ProConnect un identifiant technique unique ainsi que des données d’identité vérifiées par l’INSEE qui permettent de garantir l’authentification de l’usager.
Retrouver le détail de leurs fonctionnements et conditions d’éligibilité ici : https://franceconnect.gouv.fr et https://www.proconnect.gouv.fr/
- Le logo — Obligatoire
- Un libellé “S’identifier avec [nom du service]” — Obligatoire
- Une icône plus - En option, uniquement pour le variant FranceConnect. — En option
- Un lien “Qu’est-ce que [nom du service] ?”, qui redirige vers l’URL dédiée — Obligatoire
Variations
FranceConnect+
Si le service utilise FranceConnect+ (pour les démarches nécessitant une sécurité renforcée), il faut utiliser la variante du bouton FranceConnect+.
La structure est sensiblement la même que celle du bouton FranceConnect, à l’exception du lien “Qu’est-ce que FranceConnect+ ?” qui pointe vers l’URL https://franceconnect.gouv.fr/france-connect-plus .
ProConnect
Si le service utilise ProConnect (pour en faciliter l’accès aux agents publics), il faut utiliser la variante du bouton ProConnect.
La structure est sensiblement la même que celle du bouton FranceConnect, à l’exception du logo et du lien “Qu’est-ce que ProConnect ?” qui pointe vers l’URL https://proconnect.gouv.fr .
Tailles
La taille des boutons de connexion n’est pas personnalisable. Elle s’ajuste à son contenu.
États
Etat désactivé
L’état désactivé indique que l'usager ne peut pas interagir avec le bouton de connexion.
État au survol
L’état au survol correspond au comportement constaté par l’usager lorsqu’il survole le bouton de connexion avec sa souris.
Personnalisation
Les boutons de connexion ne sont pas personnalisables.
À faire
Utiliser le bouton en l’état.
À ne pas faire
Ne pas personnaliser la couleur du bouton.
À ne pas faire
Ne pas personnaliser la typographie du bouton.
À ne pas faire
Ne pas modifier le libellé du bouton.
Contenu associé
Bouton
Présentation du composant Bouton permettant à l’usager d’exécuter une action dans une interface numérique.
Page de connexion
Cette page présente le modèle standardisé de page de connexion à utiliser pour l’accès à un espace personnel d’un service public, incluant FranceConnect, identifiants et recommandations d’accessibilité.
Page de création de compte
Cette page décrit le modèle de création de compte à utiliser dans les services numériques de l’État en précisant les composants obligatoires, les règles d’intégration, les bonnes pratiques d’accessibilité et les étapes recommandées.
