Gå til sidens indhold
Det Fælles Designsystem

Vælg et tema

Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.


Komponenter

Cookiemeddelelse

Anvender din selvbetjeningsløsning cookies til andet end teknisk nødvendige formål, skal brugeren vises en cookiemeddelelse.

Åbn dette eksempel i et nyt vindue: cookie-message
Eksempel på cookiemeddelelse

Sådan bruges komponenten

Anvendes til

Brug cookiemeddelelsen til at få brugerens accept af de cookies du sætter i din løsning ud over de funktionelt nødvendige.

Anvendes ikke til

Du behøver ikke vise en cookiemeddelelse, hvis din løsning kun sætter funktionelt nødvendige cookies.

Vejledning

Det Fælles Designsystem anviser kun styling for cookiemeddelelsen, ikke den tekniske implementering af cookiemeddelelsen.

Du skal selv tilpasse indholdet i meddelelsen, så den overholder gældende lovgivning og stemmer overens med din løsnings specifikke anvendelse af cookies.

Sådan (do)

Eksempel på en cookiemeddelelse, der er placeret tydeligt

Sådan: Vis cookiemeddelelse, hvor den er synlig uden at ødelægge brugernes mulighed for at danne sig et første indtryk af webstedet.

Ikke sådan (don't)

Eksempel på, at man ikke skal placere en cookiemeddelelse i et modalvindue

Ikke sådan: Vis ikke cookiemeddelelse i et modalvindue. Det gør det umuligt for brugerne at se siden, før de har accepteret cookies (Friedman, 2019). Det distraherer brugerne fra det, de kom for, og kan sågar få dem til at glemme, hvad de var i gang med (Fessenden, 2017).

Sådan (do)

Eksempel på en tydeligt placeret cookiemeddelelse med flere valgmuligheder

Sådan: Hvis det er vigtigt for websitet, at brugerne tager stilling til cookiemeddelelsen, er det nødvendigt at gøre det tydeligt, at de skal træffe et valg. Det kan gøres ved at vise meddelelsen på en prominent plads på siden, og at lade den følge med, når der scrolles. Overvej at tilbyde brugerne flere valgfrie cookie-indstillinger, så de fx kan sige ja eller nej til cookies til brug for statistik, personalisering og komfort.

Ikke sådan (don't)

Eksempel på en cookiemeddelelse, der er placeret for diskret

Ikke sådan: Undgå at give cookiemeddelelsen en diskret placering i sidens periferi, hvis det er vigtigt, at de tager stilling til den. Brugernes blik er primært fokuseret midt på websider.

Referencer

Installation

HTML Struktur

Kodeeksempel
<div class="cookie-container" role="complementary" aria-labelledby="cookie-message-heading"
    aria-describedby="cookie-message-text">
    <div class="cookie-message">
        <div class="cookie-text">
            <h2 class="h3 mt-0 mb-3" id="cookie-message-heading">
                Fortæl os om du accepterer cookies
            </h2>
            <p class="mt-0" id="cookie-message-text">
                Vi indsamler statistik ved hjælp af cookies. Alle indsamlede data
                anonymiseres. <a href="#">Læs mere om vores brug af cookies.</a>
            </p>
        </div>
        <div class="cookie-actions">
            <ul class="inline-list">
                <li>
                    <a href="#" class="button button-secondary">Accepter cookies</a>
                </li>
                <li>
                    <a href="#" class="ml-md-4 button button-secondary">Nej tak til
                        cookies</a>
                </li>
            </ul>
        </div>
    </div>
</div>

Koden indsættes under body og før header. Gør man brug af Gå til sidens indhold, skal denne indsættes efter cookiemeddelelsen.

Bemærk at DKFDS på nuværende tidspunkt kun leverer HTML og CSS til denne komponent. Funktionaliteten skal man derfor selv håndtere.

Cookies brugt til statistik må ikke sættes, før man aktivt har accepteret dette.