Qu'est-ce que l'écran de consentement utilisateur#
Imaginez que vous vous inscrivez à une nouvelle application sociale en utilisant votre compte Google. Vous cliquez sur le bouton "Se connecter avec Google" et vous êtes redirigé vers Google pour compléter le processus de connexion. Après vous être authentifié avec succès auprès de Google, vous êtes redirigé vers une page qui vous demande d'accorder à cette application l'accès à votre profil de compte Google. Quelque chose comme ceci :
Cette page est ce que nous appelons la page de consentement ou écran de consentement. C'est un élément d'interface utilisateur affiché par des applications ou sites Web lors du processus d'intégration. Son objectif principal est d'informer les utilisateurs sur la collecte, le traitement et l'utilisation de leurs données personnelles et de demander leur accord explicite ou consentement pour ces activités.
Sur une page de consentement, les utilisateurs reçoivent généralement des informations sur les types de données qui seront collectées, comment elles seront utilisées, et si elles seront partagées avec des tiers. Ces informations sont cruciales pour la transparence, permettant aux utilisateurs de prendre des décisions éclairées sur leur vie privée et la sécurité de leurs données.
Les pages de consentement sont particulièrement importantes dans le contexte des réglementations sur la vie privée telles que le Règlement général sur la protection des données (RGPD) dans l'Union européenne ou le California Consumer Privacy Act (CCPA) aux États-Unis, qui exigent des organisations qu'elles obtiennent un consentement clair et affirmatif des utilisateurs avant de traiter leurs informations personnelles.
Quand avons-nous besoin d'un écran de consentement ?#
Avant de pouvoir répondre à cette question, nous devons comprendre quelques concepts de base sur l'authentification utilisateur.
Fournisseur d'identité (IdP) et Fournisseur de service (SP)#
Comme mentionné ci-dessus, l'objectif principal de l'écran de consentement est d'informer les utilisateurs sur la collecte, le traitement et l'utilisation de leurs données personnelles et de demander leur accord explicite ou consentement pour ces activités. Par conséquent, nous avons besoin d'un écran de consentement lorsque nous collectons, traitons ou utilisons des données personnelles qui appartiennent à une autre partie, telle que Google.
Dans le contexte de l'authentification utilisateur, nous appelons la partie qui possède les données utilisateur le Fournisseur d'identité (IdP). Quant à l'application qui demande l'accès aux données utilisateur, nous l'appelons le Fournisseur de service (SP). Dans l'exemple ci-dessus, Google est l'IdP et l'application sociale est le SP.
L'IdP est responsable de l'authentification de l'utilisateur et de fournir les informations de profil de l'utilisateur au SP. Le SP est la partie qui a besoin des informations de profil de l'utilisateur pour fournir ses services.
Authentification unique (SSO)#
Dans l'exemple ci-dessus, l'application sociale utilise Google comme son IdP. C'est un scénario courant dans l'industrie. De nombreuses applications utilisent Google, Facebook ou d'autres services tiers comme leur IdP. Cela s'appelle l'Authentification unique (SSO). SSO est une propriété de contrôle d'accès de systèmes logiciels multiples liés, mais indépendants. Avec cette propriété, un utilisateur se connecte avec un seul identifiant et mot de passe pour accéder à plusieurs applications liées. Vous pouvez vous référer à CIAM 101: Authentication, Identity, SSO pour plus de détails.
IdP de première partie vs IdP tiers#
Un IdP de première partie est un IdP qui est détenu par la même organisation que le SP. Le SP peut même partager le même nom de domaine que l'IdP. Donc, le SP demande l'accès aux données utilisateur qui sont détenues par la même organisation. Par exemple, si vous utilisez Google Workspace, alors Google est votre IdP de première partie.
Un IdP tiers, d'autre part, est un IdP qui est détenu par une organisation différente de celle du SP. Le SP demande l'accès aux données utilisateur qui ne lui appartiennent pas. Par exemple, si vous utilisez Google comme votre IdP, et que vous vous connectez à une application sociale comme dans l'exemple ci-dessus, alors Google est un IdP tiers pour l'application sociale.
%3btext-align:center%3b%7d%23mermaid-0 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-0 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-0 .cluster text%7bfill:%23333%3b%7d%23mermaid-0 .cluster span%7bcolor:%23333%3b%7d%23mermaid-0 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-0 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-0 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-0 .icon-shape%2c%23mermaid-0 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-0 .icon-shape p%2c%23mermaid-0 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-0 .icon-shape rect%2c%23mermaid-0 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'%3e%3cg data-look='classic' id='subGraph1' class='cluster'%3e%3crect height='178' width='210.47265625' y='8' x='8' style=''/%3e%3cg transform='translate(60.314453125%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='105.84375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eOrganization B%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg data-look='classic' id='subGraph0' class='cluster'%3e%3crect height='178' width='209.59765625' y='8' x='238.47265625' style=''/%3e%3cg transform='translate(290.794921875%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='104.953125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eOrganization A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPA_SPA_0' d='M343.487%2c72.5L344.34%2c76.583C345.193%2c80.667%2c346.899%2c88.833%2c347.823%2c96.5C348.746%2c104.167%2c348.887%2c111.334%2c348.957%2c114.917L349.027%2c118.501'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPB_SPB_1' d='M114.02%2c72.5L113.001%2c76.583C111.981%2c80.667%2c109.942%2c88.833%2c108.992%2c96.5C108.043%2c104.167%2c108.183%2c111.334%2c108.254%2c114.917L108.324%2c118.501'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPA_SPB_2' d='M321.548%2c72.5L317.713%2c76.583C313.879%2c80.667%2c306.209%2c88.833%2c280.92%2c98.024C255.631%2c107.216%2c212.723%2c117.431%2c191.269%2c122.539L169.814%2c127.647'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPB_SPA_3' d='M136.055%2c72.5L139.744%2c76.583C143.433%2c80.667%2c150.81%2c88.833%2c176.149%2c98.038C201.489%2c107.243%2c244.79%2c117.487%2c266.44%2c122.608L288.091%2c127.73'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(338.60546875%2c 52.5)' id='flowchart-IdPA-0' class='node default'%3e%3cpolygon transform='translate(-65.1328125%2c19.5)' class='label-container' points='9.75%2c0 120.515625%2c0 130.265625%2c-19.5 120.515625%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-47.8828125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='95.765625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdP Service A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(348.60546875%2c 141.5)' id='flowchart-SPA-1' class='node default'%3e%3cpolygon transform='translate(-63.796875%2c19.5)' class='label-container' points='9.75%2c0 117.84375%2c0 127.59375%2c-19.5 117.84375%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-46.546875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='93.09375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSP Service A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(117.90234375%2c 52.5)' id='flowchart-IdPB-4' class='node default'%3e%3cpolygon transform='translate(-65.5703125%2c19.5)' class='label-container' points='9.75%2c0 121.390625%2c0 131.140625%2c-19.5 121.390625%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-48.3203125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='96.640625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eIdP Service B%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(107.90234375%2c 141.5)' id='flowchart-SPB-5' class='node default'%3e%3cpolygon transform='translate(-64.234375%2c19.5)' class='label-container' points='9.75%2c0 118.71875%2c0 128.46875%2c-19.5 118.71875%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-46.984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='93.96875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eSP Service B%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Consentement utilisateur#
Chaque fois qu'un utilisateur se connecte à une application, il est crucial que l'utilisateur prenne conscience des données qui sont collectées et de leur utilisation.
Pour un IdP de première partie, ces types d'informations sont généralement couvertes dans la politique de confidentialité et les conditions de service de l'organisation. L'utilisateur est habituellement tenu d'accepter la politique de confidentialité et les conditions de service avant de s'inscrire au service. Par conséquent, l'utilisateur est déjà conscient des données qui sont collectées et de leur utilisation. Dans ce cas, le consentement de l'utilisateur est implicite.
Cependant, il est important pour l'IdP de garder un contrôle strict sur les données qu'il possède. L'IdP ne doit pas permettre à un SP tiers d'accéder aux données utilisateur sans le consentement explicite de l'utilisateur. Tout accès aux données par un SP tiers est considéré comme une activité de partage de données. L'utilisateur doit être informé de l'activité de partage de données et doit y consentir explicitement.
Par conséquent, pour un IdP tiers, le consentement de l'utilisateur est toujours requis. C'est pourquoi tous les principaux IdP, tels que Google, Facebook et Microsoft, exigent que le SP affiche un écran de consentement à l'utilisateur avant que celui-ci puisse se connecter au SP.
Par exemple, dans le cas de Google, lorsque vous essayez de créer un client OAuth Google, on vous demandera de fournir une configuration détaillée de l'écran de consentement.
Cela garantit que l'utilisateur est conscient de l'activité de partage de données et a explicitement consenti à celle-ci.
Il est important que l'écran de consentement fournisse à l'utilisateur suffisamment d'informations pour prendre une décision éclairée. Y compris, mais sans s'y limiter :
- Quelle partie (SP) demande l'accès aux données utilisateur ?
- Quelle est l'identité actuelle de l'utilisateur ?
- Quelles données utilisateur sont collectées ?
- Comment les données utilisateur seront-elles utilisées ?
- Quels services ou API supplémentaires fournis par l'IdP seront utilisés ?
- Quelles permissions supplémentaires seront accordées au SP ?
- Quelle est la politique de confidentialité du SP ?
Toutes les informations ci-dessus doivent être incluses dans l'écran de consentement de manière précise et claire. L'utilisateur devrait pouvoir comprendre l'information sans aucune ambiguïté. Cela est particulièrement important pour les données utilisateur qui sont collectées et leur utilisation.
Il incombe à l'IdP de s'assurer que les données utilisateur ne sont utilisées que dans le but pour lequel l'utilisateur a consenti. L'IdP ne doit pas permettre au SP d'utiliser les données utilisateur à d'autres fins sans le consentement explicite de l'utilisateur.
Conclusion#
En résumé, une page de consentement sert de mécanisme pour obtenir la permission explicite des utilisateurs concernant la gestion de leurs données, favorisant la transparence et la conformité avec les lois sur la protection de la vie privée. Elle est actuellement requise par tous les principaux IdP pour les SP tiers, et elle joue un rôle important dans la protection de la vie privée et de la sécurité des données des utilisateurs, surtout si vous fournissez un service IdP tiers.
