Moni verkkosivuston ylläpitäjä lisää sivustolleen evästebannerin lähes automaattisesti. Taustalla on usein ajatus siitä, että jokaisella verkkosivustolla on pakko olla banneri, jotta sivusto olisi lainmukainen. – Todellisuudessa asia ei ole näin yksinkertainen.
Ratkaisevaa ei ole se, käyttääkö sivusto evästeitä, vaan mihin tarkoitukseen niitä käytetään. Kaikki evästeet eivät edellytä käyttäjän suostumusta, eikä kaikille sivustoille tarvita evästebanneria.
Tässä artikkelissa kerron, milloin evästebanneri on tarpeellinen, milloin pelkkä evästesivu voi riittää ja mitä saavutettavuusvaatimuksia bannerin toteutuksessa tulee ottaa huomioon. Artikkelin aihe syntyi omasta tilanteestani. Saavutettavuusopas.fi ja seloit.fi sivustojen evästeiden tutkimisesta. Saavutettavuusopaan verkkokaupan sisäänrakennetun analytiikan lataamien evästeiden poistaminen edellytti hieman koodin muokkausta mutta nyt nekin ovat pois käytöstä.
Lyhyt vastaus otsikon kysymykseen
Jos sivusto käyttää ainoastaan palvelun toiminnan kannalta välttämättömiä evästeitä, evästesuostumusta tai evästebanneria ei yleensä tarvita.
Tämä perustuu EU:n sähköisen viestinnän sääntelyyn (ePrivacy-direktiivi, Suomessa sähköisen viestinnän palveluista annettu laki), jossa suostumus vaaditaan vain evästeille, jotka eivät ole välttämättömiä käyttäjän nimenomaisesti pyytämän palvelun tarjoamiseksi. Esimerkiksi ostoskorin toiminta ja maksutapahtuman toteuttaminen edellyttävät usein välttämättömiä evästeitä, eikä niihin tavallisesti tarvita erillistä suostumusta. Niistä on kuitenkin kerrottava käyttäjälle selkeästi.
Mitä evästeet ovat?
Eväste (cookie) on pieni tekstitiedosto, jonka verkkosivusto voi tallentaa käyttäjän selaimeen. Eväste on selaimeen tallennettu tieto, jonka selain palauttaa aina palvelimelle (sivuston domain), jolta se on evästeen alunperin saanut. Yhden sivuston evästeitä ei näytetä toisille sivustoille mutta mikäli useampi eri sivusto käyttää yhteistä kolmannen osapuolen palvelua joka käyttää evästeitä, mahdollistaa tällainen selaimen (käyttäjän) seurannan laajemmin. Näin tapahtuu esimerkiksi erilaisten mainospalvelimien yhteydessä, jossa eri sivustot lataavat mainoksia samalta palvelimelta.
Evästeitä käytetään moniin tarkoituksiin, esimerkiksi
- kirjautumisen ylläpitämiseen
- ostoskorin muistamiseen
- käyttäjän asetusten tallentamiseen
- kävijäanalytiikkaan
- mainonnan kohdentamiseen.
Kaikki evästeet eivät kuitenkaan ole samanlaisia. Ne voivat tallentaa hyvin erilaista tietoa istunnosta, käyttäjästä ja sivustolla tehdyistä valinnoista. Vilpittömänä tarkoituksena luonnollisesti tarjota kävijälle seuraavilla käyntikerroilla sellaista sisältöä ja sellaisin asetuksin tai valinnoin, jotka käyttäjä on itse aiemmin tehnyt.
Milloin evästebanneri tarvitaan?
Yksinkertaistettuna voidaan erottaa kaksi tilannetta.
Välttämättömät evästeet
Välttämättömät evästeet mahdollistavat palvelun toiminnan. Käytännössä verkossa selaimen ja palvelimien käyttämä yhteyskäytäntö, http-protokolla, on niin sanotusti pyyntö-vastaus-protokolla. Tämä tarkoittaa sitä, että palvelin ei tunnista selainta eikä muista sen aiempia pyyntöjä. Selain pyytää tietoa ja palvelin vastaa. Jotta esimerkiksi verkkokaupassa ostoskoriin lisätty tuote säilyisi sivulatausten yli ja kassalle siten, että palvelin tietäisi mikä selain on mitäkin tuotetta ostamassa, tarvitaan keino säilyttää tällainen tieto selaimen ja palvelimen välisessä keskustelussa. Evästeet ovat yksi mahdollinen keino. Tällöin puhutaan toiminnallisista ja toiminnan kannalta välttämättömistä evästeistä. Koko palvelu ei olisi mahdollinen ilman niitä.
Tällaisia voivat olla esimerkiksi
- ostoskori
- kirjautuminen
- maksutapahtuman toteuttaminen
- käyttäjän itse valitsemien asetusten muistaminen.
Näiden käyttö ei yleensä edellytä käyttäjän suostumusta. Niistä tulee kuitenkin kertoa käyttäjälle esimerkiksi evästesivulla.
Analytiikka- ja markkinointievästeet
Tilanne muuttuu, jos sivusto käyttää esimerkiksi
- Google Analyticsia
- Meta Pixeliä
- Hotjaria
- Microsoft Claritya
- mainonnan seurantaa
- profilointia.
Tällöin käyttäjän suostumus on yleensä hankittava ennen kuin tällaisia evästeitä tallennetaan selaimeen. Ja juuri näissä tilanteissa evästebanneri on tarpeellinen.
Kaikki sivustot eivät tarvitse evästebanneria
Tämä on ehkä koko artikkelin tärkein viesti. Jos sivusto käyttää ainoastaan palvelun toiminnan kannalta välttämättömiä evästeitä, pelkkä selkeä evästesivu voi olla riittävä. Turhan evästebannerin lisääminen ei paranna tietosuojaa eikä käyttäjäkokemusta. Päinvastoin se voi tehdä sivustosta vaikeammin käytettävän.
Evästebannerin on oltava myös saavutettava
Kun evästebanneri tarvitaan, senkin on täytettävä saavutettavuusvaatimukset. Käyttäjän on voitava käyttää banneria riippumatta siitä, käyttääkö hän hiirtä, näppäimistöä, ruudunlukijaa tai muuta avustavaa teknologiaa. Valitettavasti juuri evästebannerit ovat saavutettavuusauditoinneissa yksi yleisistä ongelmakohteista.
Tyypillisiä saavutettavuusongelmia
Banneri näkyy väärässä kohdassa ruudunlukijalle
Tämä on erittäin yleinen ongelma. Monilla sivustoilla evästebannerin HTML sijoitetaan heti <body> -elementin alkuun. Visuaalisesti banneri näkyy esimerkiksi vasta sivun alareunassa, mutta ruudunlukija kohtaa sen heti sivun alussa. Tällöin käyttäjä kuulee pitkän evästetekstin ennen varsinaista sivun sisältöä, vaikka banneri ei vielä näy visuaalisesti lainkaan.
Lähdekoodin lukemisjärjestyksen tulisi vastata mahdollisimman hyvin sivun visuaalista rakennetta.
Näppäimistökäyttö ei toimi
Kaikkien toimintojen tulee olla käytettävissä pelkällä näppäimistöllä. Käyttäjän tulee voida:
- siirtyä painikkeisiin
- avata asetukset
- valita vaihtoehdot
- hyväksyä tai hylätä evästeet
- poistua bannerista.
Fokus ei saa kadota eikä käyttäjä saa jäädä ns. näppäimistöloukkuun. Tällä tarkoitetaan sitä, että bannerista ei pääse palaamaan sivun pääsisältöön normaaleilla näppäimistökomennoilla.
Painikkeet eivät ole tasapuolisia
Monessa bannerissa “Hyväksy kaikki” on suuri vihreä painike mutta “Hylkää” puolestaan on pieni tekstilinkki.
Tällainen toteutus voi ohjata käyttäjän valintaa enemmän kuin tarjota aidon mahdollisuuden päättää asiasta. Painikkeiden tulisi olla helposti löydettäviä ja yhdenvertaisia.
Banneri ei skaalaudu
Bannerin tulee toimia myös
- mobiilissa
- suurennettuna
- pienillä näytöillä
- näppäimistökäytössä.
Sisältö ei saa jäädä bannerin alle eikä käyttäjän ulottumattomiin.
Riittämättömät kontrastit
Koska banneri on usein ensimmäinen käyttäjän kohtaama käyttöliittymäelementti, sen tekstien, painikkeiden ja kohdistuksen tulee täyttää WCAG:n kontrastivaatimukset.
Ruudunlukija ei saa riittävästi tietoa
Bannerin tulee käyttää oikeita HTML-elementtejä. Spesifikaation mukainen validi oikein toteutettu HTML-merkkaus on tärkeää myös evästebannereissa kuten kaikkialla. Olen aiheesta kirjoittanut jo aiemminkin.
Painikkeiden tulee olla oikeita <button> -elementtejä. Valintaruutujen tulee olla oikeita lomake-elementtejä. Dialogin tulee olla ohjelmallisesti tunnistettavissa dialogiksi, ja sen otsikon tulee kertoa käyttäjälle, mistä on kyse. Pelkillä <div> -elementeillä rakennettu banneri aiheuttaa usein ongelmia avustaville teknologioille.
Hyvä evästebanneri häiritsee mahdollisimman vähän
Evästebannerin tarkoitus on antaa käyttäjälle mahdollisuus tehdä tietoinen valinta.Sen tarkoitus ei ole estää sivuston käyttöä tai ohjata käyttäjää hyväksymään mahdollisimman paljon evästeitä.
Hyvä banneri on:
- helposti ymmärrettävä
- saavutettava
- teknisesti oikein toteutettu
- mahdollisimman vähän häiritsevä.
Miten tarkistat, mitä evästeitä oma sivustosi oikeasti käyttää?
Moni verkkosivuston ylläpitäjä yllättyy huomatessaan, että sivusto käyttää evästeitä, joista hän ei ole ollut tietoinen. Toisaalta joskus evästebanneri on otettu käyttöön varmuuden vuoksi, vaikka sivusto ei todellisuudessa käytä lainkaan suostumusta edellyttäviä evästeitä.
Ennen evästebannerin asentamista kannattaa selvittää, mitä evästeitä sivusto todella käyttää.
Käytä selaimen kehittäjätyökaluja
Nykyaikaisissa selaimissa voit tarkastella evästeitä kehittäjätyökaluilla. Yleensä evästeet löytyvät esimerkiksi kohdasta:
Developer Tools → Application (tai Storage) → Cookies
Näet luettelon selaimeen tallennetuista evästeistä sekä niiden voimassaoloajan ja verkkotunnuksen.
Aloita aina puhtaalta pöydältä
Tarkistus kannattaa tehdä yksityisessä selausikkunassa tai poistamalla ensin kaikki aiemmin tallennetut evästeet. Muuten selaimessa voi näkyä myös aiemmin tallennettuja evästeitä, jolloin tuloksia on vaikea tulkita.
Testaa sivustoa vaihe vaiheelta
Etene samalla tavalla kuin tavallinen käyttäjä.
Esimerkiksi:
- Avaa etusivu.
- Siirry muutamalle sisältösivulle.
- Tarkista, syntyikö uusia evästeitä.
- Avaa mahdollinen verkkokauppa.
- Lisää tuote ostoskoriin.
- Siirry kassalle.
- Tarkista uudelleen, mitä evästeitä on tallennettu.
Näin saat selville, missä vaiheessa evästeitä syntyy ja ovatko ne todella välttämättömiä sivuston toiminnan kannalta.
Selvitä mistä evästeet tulevat
WordPressin ydin käyttää hyvin vähän evästeitä tavalliselle sivuston vierailijalle. Sen sijaan monet lisäosat ja ulkoiset palvelut voivat lisätä niitä automaattisesti.
Tyypillisiä evästeiden lähteitä ovat esimerkiksi:
- analytiikkapalvelut
- markkinointi- ja mainosratkaisut
- videoupotukset
- karttapalvelut
- sosiaalisen median upotukset
- keskustelupalvelut (chat)
- verkkokaupan lisäosat.
Jos et tiedä, mistä jokin eväste tulee, kannattaa tarkistaa käytössä olevien lisäosien dokumentaatio.
Yleisiä harhaluuloja evästeistä
Evästeisiin liittyy paljon väärinkäsityksiä. Tässä muutamia yleisimpiä.
“Jokainen verkkosivusto tarvitsee evästebannerin.”
Ei välttämättä.
Jos sivusto käyttää ainoastaan palvelun toiminnan kannalta välttämättömiä evästeitä, pelkkä evästesivu voi riittää. Bannerin tarve riippuu siitä, mihin tarkoitukseen evästeitä käytetään.
“WordPress käyttää automaattisesti paljon evästeitä.”
Ei tavalliselle sivuston kävijälle.
Kirjautuneille käyttäjille WordPress käyttää evästeitä esimerkiksi kirjautumisen ylläpitämiseen, mutta julkisella sivustolla niitä syntyy yleensä hyvin vähän. Useimmiten evästeet tulevat lisäosista tai ulkoisista palveluista.
“WooCommerce tarkoittaa automaattisesti analytiikkaevästeitä.”
Ei.
WooCommerce käyttää verkkokaupan toiminnan kannalta välttämättömiä evästeitä, kuten ostoskorin ylläpitämiseen. Lisäksi siinä on ollut erilaisia analytiikka- ja seurantaominaisuuksia, jotka voidaan tarvittaessa poistaa käytöstä. Onkin tärkeää tarkistaa, mitä oma sivusto todella tekee sen sijaan, että tekee oletuksia käytössä olevan lisäosan perusteella.
“Välttämättömätkin evästeet pitää hyväksyä.”
Yleensä ei.
Palvelun toiminnan kannalta välttämättömät evästeet eivät tavallisesti edellytä käyttäjän suostumusta. Käyttäjälle tulee kuitenkin kertoa niiden käytöstä selkeästi esimerkiksi evästesivulla.
“Evästebanneri tekee sivustosta automaattisesti lainmukaisen.”
Ei.
Pelkkä bannerin näyttäminen ei riitä. Ratkaisevaa on, että sivusto toimii lainsäädännön mukaisesti, käyttäjälle annetaan riittävät tiedot ja suostumus pyydetään silloin, kun siihen on velvollisuus.
Lisäksi itse evästebannerin tulee olla saavutettava ja kaikkien käyttäjien käytettävissä. Banneri, jota ei voi käyttää näppäimistöllä tai ruudunlukijalla, voi muodostaa saavutettavuusongelman riippumatta siitä, mitä evästeitä sivusto käyttää.
Muista myös saavutettavuus testauksessa
Kun tarkistat sivustosi evästeitä, testaa samalla myös mahdollinen evästebanneri.
Kokeile esimerkiksi seuraavia asioita:
- Voitko käyttää banneria pelkällä näppäimistöllä?
- Saako ruudunlukija bannerista oikean kuvan sen rakenteesta ja tarkoituksesta?
- Vastaako HTML-lähdekoodin lukemisjärjestys sitä järjestystä, jossa banneri näkyy visuaalisesti?
- Ovatko kaikki painikkeet ja valintaruudut ohjelmallisesti tunnistettavia?
- Onko painikkeiden teksti yksiselitteinen myös silloin, kun se luetaan irrallaan muusta sisällöstä?
- Säilyykö bannerin käytettävyys 200–400 prosentin suurennoksella ja mobiililaitteilla?
Evästebanneri on usein ensimmäinen käyttöliittymä, jonka käyttäjä kohtaa verkkosivustolla. Siksi sen saavutettavuuteen kannattaa kiinnittää yhtä paljon huomiota kuin sivuston muuhunkin sisältöön.
Tarkistuslista
□ Tiedätkö, mitä evästeitä sivustosi todella käyttää?
□ Oletko poistanut tarpeettomat analytiikka- ja markkinointievästeet?
□ Käytetäänkö vain välttämättömiä evästeitä?
□ Onko evästeistä kerrottu selkeästi?
□ Tarvitaanko sivustolla todella evästebanneria?
□ Onko banneri käytettävissä pelkällä näppäimistöllä?
□ Toimiiko banneri ruudunlukijalla?
□ Onko “Hyväksy” ja “Hylkää” esitetty tasapuolisesti?
□ Onko bannerin HTML-rakenne looginen ja ohjelmallisesti oikein toteutettu?
□ Onko banneri testattu oikeilla käyttäjillä tai vähintään saavutettavuustyökaluilla?
Yhteenveto
Evästebanneri ei ole jokaisen verkkosivuston pakollinen ominaisuus.Ratkaisevaa on, käytetäänkö sivustolla käyttäjän suostumusta edellyttäviä evästeitä.Jos banneri tarvitaan, sen tulee täyttää samat saavutettavuusvaatimukset kuin verkkosivuston muidenkin käyttöliittymäelementtien. Huonosti toteutettu evästebanneri voi muodostaa esteen sivuston käytölle jo ennen kuin käyttäjä on ehtinyt lukea ensimmäistäkään sivun varsinaista sisältöä.