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/

Quand utiliser ce composant ?

Utiliser le bouton FranceConnect ou ProConnect pour proposer une connexion ou une création de compte simplifiée à l’usager.

Attention

Le service FranceConnect est uniquement utilisable par des administrations et des fournisseurs de logiciels agissant pour le compte d’une administration ou d’un organisme privé, qui justifient d’une obligation légale de vérifier l’identité des utilisateurs de leurs propres services en ligne. (voir plus de détails sur les conditions d’éligibilité de FranceConnect ) ProConnect s’adresse également aux professionnels du secteur privé. (voir plus de détails sur les conditions d’éligibilité de ProConnect )

Comment utiliser ce composant ?

  • Proposer l’un des boutons de connexion en premier mode d’authentification. Il est positionné au-dessus des autres moyens de connexion proposés.
  • Accompagner le bouton du lien « Qu’est-ce que [nom du service] ? », positionné en-dessous, redirigeant vers l’URL www.franceconnect.gouv.fr ou www.proconnect.gouv.fr (cf. rubrique “Design”).
  • Dissocier visuellement vos moyens de connexion natifs du bouton de connexion. Une séparation visible doit être mise en place.
  • Présenter les boutons de connexion comme une alternative à un autre mode d’identification. La notion de "ou" doit figurer clairement (FranceConnect/ProConnect ou un autre mode d’identification).
  • Éviter toute confusion sur la nature du service proposé en évitant de le positionner près de liens, d’icônes ou de services d'identification liés à des réseaux sociaux ou autres services similaires. FranceConnect et ProConnect ne sont pas des réseaux sociaux et ne doivent pas être présentés ou susceptibles d’être perçus comme tels par l’usager.
  • Ouvrir la page de choix du fournisseur d’identité dans l’onglet actif de l’usager. Elle ne doit pas être proposée dans une modale ou une pop-up au-dessus du site.

Règles éditoriales

  • Garantir la compréhension de l’utilisateur en accompagnant le bouton FranceConnect de la phrase : « FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos services en ligne ».
  • Faire attention à l’écriture des termes « FranceConnect » et « ProConnect » en accolant les deux mots partout où les services sont mentionnés.

Proposer une amélioration

Aidez-nous à améliorer la documentation en laissant vos retours, questions ou commentaires sur GitHub.

Accéder à Github

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.