Skip to content

docs: article about consent banner#4938

Draft
mrosvik wants to merge 34 commits into
mainfrom
Cookie-banner
Draft

docs: article about consent banner#4938
mrosvik wants to merge 34 commits into
mainfrom
Cookie-banner

Conversation

@mrosvik
Copy link
Copy Markdown
Member

@mrosvik mrosvik commented Jun 2, 2026

Summary

Resolves #4568

Checks

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Jun 2, 2026

⚠️ No Changeset found

Latest commit: fdaf4b5

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 2, 2026

Preview deployments for this pull request:

www - 4. Jun 2026 - 14:45

Comment thread apps/www/app/content/patterns/no/consent-banner.mdx Outdated
@mrosvik mrosvik added 📝 article pattern Patterns are best practice solutions for how a user achieves a goal. labels Jun 4, 2026
Copy link
Copy Markdown
Contributor

@Ildest Ildest left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mrosvik klart for gjennomgang

---

Et samtykkebanner skal gi brukeren reell kontroll over egne data. Samtidig skal det være tydelig, forståelig og tilgjengelig for alle. I dag løses dette ulikt på tvers av offentlige tjenester, både når det gjelder språk, utforming, likeverdige valg og teknisk implementering.
## Innledning – Hvorfor trengs et mønster?
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Innledning – Hvorfor trengs et mønster?
## Hvorfor trenger vi et mønster for samtykkebannere?

- Bedre tilgjengelighet og universell utforming
- Tydeligere avgrensning mellom nødvendige og valgfrie teknologier
- Felles forståelse av anbefalt interaksjon og oppførsel
Et felles mønster gir tydelige rammer for hvordan samtykke kan løses likt på tvers, på en forståelig og tilgjengelig måte. Det gir mer forutsigbare brukeropplevelser og mindre kognitiv belastning. Samtidig blir det enklere for utviklingsteam å lage løsninger som bygger på god praksis for brukeropplevelse, tilgjengelighet og personvern. Hver virksomhet må selv vurdere hvilke teknologier som brukes og hvilket rettslig grunnlag som gjelder.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Et felles mønster gir tydelige rammer for hvordan samtykke kan løses likt på tvers, på en forståelig og tilgjengelig måte. Det gir mer forutsigbare brukeropplevelser og mindre kognitiv belastning. Samtidig blir det enklere for utviklingsteam å lage løsninger som bygger på god praksis for brukeropplevelse, tilgjengelighet og personvern. Hver virksomhet må selv vurdere hvilke teknologier som brukes og hvilket rettslig grunnlag som gjelder.
Et felles mønster gir tydelige rammer for hvordan vi kan løse samtykke likt på tvers, slik at brukerne forstår og vi følger UU-kravene. Det gir mer forutsigbare brukeropplevelser og mindre kognitiv belastning. Samtidig blir det enklere for utviklingsteam å lage løsninger som bygger på god praksis for brukeropplevelse, tilgjengelighet og personvern. Hver virksomhet må selv vurdere hvilke teknologier de bruker og hvilket rettslig grunnlag som gjelder.

**Arbeid pågår** \
En tverretatlig arbeidsgruppe arbeider våren 2026 med å utvikle felles retningslinjer og anbefalinger for dette temaet. Vi setter stor pris på innspill fra alle som har erfaringer, innsikt eller resultater fra brukertester. Bidra gjerne i den tilhørende [diskusjontråden på github.com](https://github.com/digdir/designsystemet/discussions/1671).
## Forberedelser
Før du kan be om samtykke, må du ha oversikt over hvilke opplysninger dere samler inn og hvilke teknologier som brukes. Dette kan være informasjonskapsler (cookies), men også andre metoder for å lagre eller lese data på brukerens enhet, som localStorage, fingerprinting og lignende. Reglene gjelder også når data lagres på server, dersom informasjonen først hentes fra brukerens enhet.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Før du kan be om samtykke, må du ha oversikt over hvilke opplysninger dere samler inn og hvilke teknologier som brukes. Dette kan være informasjonskapsler (cookies), men også andre metoder for å lagre eller lese data på brukerens enhet, som localStorage, fingerprinting og lignende. Reglene gjelder også når data lagres på server, dersom informasjonen først hentes fra brukerens enhet.
Før du kan be om samtykke, må du ha oversikt over hvilke opplysninger dere skal samle inn og hvilke teknologier dere bruker. Dette kan være informasjonskapsler (cookies), men også andre metoder for å lagre eller lese data på brukerens enhet, for eksempel localStorage og fingerprinting. Reglene gjelder også når vi lagrer data på server, hvis vi først henter informasjonen fra brukerens enhet.

Før du kan be om samtykke, må du ha oversikt over hvilke opplysninger dere samler inn og hvilke teknologier som brukes. Dette kan være informasjonskapsler (cookies), men også andre metoder for å lagre eller lese data på brukerens enhet, som localStorage, fingerprinting og lignende. Reglene gjelder også når data lagres på server, dersom informasjonen først hentes fra brukerens enhet.

</Card>
Du er juridisk pålagt å informere brukerne om hvilke teknologier som brukes og hva du ber om samtykke til, slik at de kan ta informerte valg og ivareta personvernet.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Du er juridisk pålagt å informere brukerne om hvilke teknologier som brukes og hva du ber om samtykke til, slik at de kan ta informerte valg og ivareta personvernet.
Du er juridisk pålagt å informere brukerne dine om hvilke teknologier der bruker og hva dere ber om samtykke til. Da kan de ta informerte valg og ivareta personvernet sitt.

Du er juridisk pålagt å informere brukerne om hvilke teknologier som brukes og hva du ber om samtykke til, slik at de kan ta informerte valg og ivareta personvernet.

### Forstå hva og hvorfor du samler inn
Lag en oversikt over hvilke teknologier nettstedet bruker, inkludert førsteparts- og tredjepartsteknologi som informasjonskapsler, analyseverktøy og integrasjoner. Kartlegg hvilke opplysninger som samles inn, hvorfor de samles inn, og hvilke konsekvenser det har for brukerne dersom teknologiene ikke brukes. Gjør kartleggingen til et tverrfaglig samarbeid. Husk å ta med personvernombudet.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Lag en oversikt over hvilke teknologier nettstedet bruker, inkludert førsteparts- og tredjepartsteknologi som informasjonskapsler, analyseverktøy og integrasjoner. Kartlegg hvilke opplysninger som samles inn, hvorfor de samles inn, og hvilke konsekvenser det har for brukerne dersom teknologiene ikke brukes. Gjør kartleggingen til et tverrfaglig samarbeid. Husk å ta med personvernombudet.
Lag en oversikt over hvilke teknologier nettstedet deres bruker, inkludert førsteparts- og tredjepartsteknologi. Det kan være informasjonskapsler, analyseverktøy og integrasjoner. Kartlegg hvilke opplysninger dere samler inn og hvorfor dere samler dem inn, og tenk over hvilke konsekvenser det har for brukerne dersom de ikke godkjenner at teknologiene ikke brukes. Kartlegg gjerne dette sammen i tverrfaglige team. Husk å ta med personvernombudet.

- Banneret bør ligge før «hopp til hovedinnhold»-lenken. Da blir banneret lettere å oppdage for tastaturbrukere, samtidig som brukerne fortsatt kan hoppe videre til hovedinnholdet etter banneret.
- Fokus må ikke fanges inne i banneret. Siden må fungere uten at man interagerer med samtykkebanneret.

### Lagring av samtykke
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Lagring av samtykke
### Lagre samtykket

- Fokus må ikke fanges inne i banneret. Siden må fungere uten at man interagerer med samtykkebanneret.

### Lagring av samtykke
Selve samtykkesvaret trenger ikke eget samtykke for å lagres. Det regnes som en strengt nødvendig informasjonskapsel siden du er pålagt å be om samtykke, og det er nødvendig å lagre svaret for å oppfylle dette.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Selve samtykkesvaret trenger ikke eget samtykke for å lagres. Det regnes som en strengt nødvendig informasjonskapsel siden du er pålagt å be om samtykke, og det er nødvendig å lagre svaret for å oppfylle dette.
Det trengs ikke eget samtykke for å lagre selve samtykkesvaret. Det regnes som en strengt nødvendig informasjonskapsel, siden du er pålagt å be om samtykke og det er nødvendig å lagre svaret for å oppfylle dette.

- Lagre minst mulig data, og i kortest mulig tid. For eksempel: data fra en A/B-test trenger ikke lagres etter at testen er avsluttet og retningen er valgt.
- Ikke lagre standardverdier. Hvis norsk er standardspråket på nettstedet, trenger du ikke lagre dette på brukernes enhet – lagre kun når brukerne avviker fra standarden.

### Deling av samtykke på tvers av tjenester
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
### Deling av samtykke på tvers av tjenester
### Dele et samtykke på tvers av tjenester

- Ikke lagre standardverdier. Hvis norsk er standardspråket på nettstedet, trenger du ikke lagre dette på brukernes enhet – lagre kun når brukerne avviker fra standarden.

### Deling av samtykke på tvers av tjenester
Hvis samtykke skal deles på tvers av tjenester, må de aktuelle sidene oppleves som del av samme nettsted for brukerne. Samtykkebanneret må i tillegg inneholde informasjon om alt som kan leses eller lagres på alle tjenestene som deler banneret.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Hvis samtykke skal deles på tvers av tjenester, må de aktuelle sidene oppleves som del av samme nettsted for brukerne. Samtykkebanneret må i tillegg inneholde informasjon om alt som kan leses eller lagres på alle tjenestene som deler banneret.
Hvis du skal dele samtykket på tvers av tjenester, må brukerne oppleve de aktuelle sidene som en del av det samme nettstedet. Samtykkebanneret må i tillegg inneholde informasjon om alt brukeren gir tillatelse til å lese eller lagre i alle tjenestene som deler banneret.

category: Kommende mønstre
description: Hvordan kan vi sikre helhetlig og tilgjengelig håndtering av samtykke til informasjonskapsler og sporingsteknologi?
partners: Digdir, Nav, Skatteetaten ++
title: Spør brukerne om samtykke til å lagre informasjon
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
title: Spør brukerne om samtykke til å lagre informasjon
title: Be brukerne om samtykke til å lagre informasjon

Copy link
Copy Markdown
Contributor

@Ildest Ildest left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mrosvik klart for gjennomgang

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

📝 article pattern Patterns are best practice solutions for how a user achieves a goal.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Article about user consent (cookiebanner)

3 participants