CookieBanner

Esikatselu

Käyttötarkoitus

CookieBanner-komponenttia käytetään luvan kysymiseen kävijäseurannan tai evästeitä sisältävien toimintojen hyödyntämistä varten.

Saavutettavuus

Komponentti sijoitetaan teknisesti HTML-rakenteessa sivun ensimmäiseksi elementiksi, jolloin ruudunlukijan käyttäjät pääsevät navigoimaan sen sisältöön ensimmäisenä.

Komponentti ei estä sivuston käyttämistä. Oletuksena se luo tyhjää tilaa sivun loppuun bannerin korkeuden verran, jolloin kaikki sisältö on nähtävissä, vaikka käyttäjä ei tekisi valintaa ja banneri pysyy näkyvissä.

Komponentti luo oletuksena alueen section-elementillä, joka nimetään aria-label- tai aria-labelledby-attribuutilla.

Sijainti

Hyväksyntä näytetään visuaalisesti sivun alalaidassa, jokaisella sivuston sivulla. Toiminnallisen esimerkin löydät Tietosuoja-sivun lopusta: Muuta kävijäseurannan asetuksia.

Sisältö ja toiminnallisuudet

Jokainen sivusto määrittää bannerin sisällön itse tarpeidensa mukaan. Jos sivustolla kerätään vain kävijätilastoja, puhutaan kävijätilastojen keräämisestä, ei evästeistä.

Hyväksyntä- ja kieltopainikkeiden tulee olla visuaalisesti samanarvoisia.

Bannerin sisällön leveys asetetaan sivuston muun sisällön mukaisesti, esimerkiksi Container-komponentilla.

Hyväksynnän tallentaminen, seurantakoodin lisääminen ja muut vastaavat toiminnot jäävät palvelun toteuttajan tehtäväksi, eikä CookieBanner sisällä ominaisuuksia näihin.

Esimerkit

Komponentti ilman reunaviivaa

Komponentti erottuu selkeämmin erityisesti tummassa tilassa reunaviivallisena, mutta tarvittaessa se voidaan esittää ilman sitä.

Huomioitavaa selaintuessa

• CookieBanner käyttää ResizeObserveria tyhjän tilan lisäämiseen sivun loppuun. Lue lisää: ResizeObserver(Avautuu uuteen välilehteen)