Saavutettavuusseloste

Kirja.fi-verkkokaupan saavutettavuusseloste

Tavoitteenamme on tarjota kirja-verkkokaupan palveluita kaikille käyttäjille. Kirja.fi-verkkokauppa myy verkkokaupassaan vain painettuja kirjoja.

Tämä saavutettavuusseloste koskee Werner Söderström Osakeyhtiön (0599340-0) omistavaa kirja.fi-verkkokauppaa ja sen palveluita. Tässä saavutettavuusselosteessa kerromme, millaisia puutteita palvelun saavutettavuudessa on ja miten voit antaa meille palautetta ja kehitysehdotuksia sivustomme saavutettavuuden parantamiseen.

Käytössä oleva verkkokauppa-alusta

Verkkokauppamme pyrkii toteuttamaan WCAG 2.2 -ohjeistuksen A- ja AA-tasojen mukaisia kriteerejä sen mukaan, miten kriteerit on kohtuudella toteutettavissa. Kirja.fi-verkkokauppa käyttää kansainvälistä Shopify-verkkokauppa alustaa, joka vastaa WCAG 2.1 -ohjeistukseen ja Level AA -tason kriteereihin ja pyrkii vastaamaan WCAG 2.2. ohjeistukseen.

Kuvaus sivuston saavutettavuudesta perustuu ulkopuolisen saavutettavuusasiantuntijan arviointiin. Lisäksi selosteeseen on lisätty Kirja.fi verkkokaupan omia huomiota sitä mukaa, mitä  asioista tulee esille saavutettavuuden osalta.

Tämä saavutettavuusselosta on julkaistu 25.06.2025.

Kirja.fi-verkkokaupan saavutettavuuden tila

Kirja.fi-verkkokauppa täyttää saavutettavuusvaatimukset suurelta osin. Sivustolla on joitain merkittäviä puutteita näppäimistö- ja ruudunlukijatuessa. Tärkeimmät parannuskohteet ovat sivuston haun näppäimistötuki sekä näkyvän kohdistuksen erottuminen taustasta. Tekstien kontrasteissa on joitakin merkittäviä ja vähäisiä puutteita.  Sivustolla on muutamat kriittiset puutteet suodattimissa ja interaktiivisissa toiminnoissa.

Ei saavutettava sisältö ja puutteet saavutettavuudessa

Saavutettavuuspuutteet ovat ryhmitelty seuraavien kokonaisuuksien alle:

• havaittava
• hallittava
• ymmärrettävä
• toimintavarma

Havaittava

Riittämätön kontrasti: valkoinen teksti oranssilla taustalla

Toistuu koko sivustolla niissä elementeissä, joissa kyseistä väriyhdistelmää on käytetty. Riittämätön kontrasti 4.12:1 (minimi 4.5:1) toistuu esimerkiksi alennetut kirjat kokoelmissa sekä kirja-sivujen Lisää ostoskoriin-painikkeissa. (WCAG 1.4.3 Kontrasti)

Riittämätön kontrasti: harmaa teksti ja vaaleanvihreä tausta suodattimessa

Harmaan tekstin ja vihreän taustan välinen kontrasti ero ei ole riittävä 4.3:1 (minimi 4.5:1). Puute koskee suodattimen tekstiä. (WCAG 1.4.3 Kontrasti)

Artikkeleiden linkkien tekstin väri suhteessa taustaan

Artikkeleissa esiintyy linkkejä, joissa tekstin väri ei erotu riittävästi taustasta. Tekstin kontrasti suhteessa taustaan on 3.86:1. Kontrastin minimivaatimus on 4.5:1 (minimi). (WCAG 1.4.3 Kontrasti)

Ostoskorin tekstien kontrasteissa puutteita

Ostoskorissa on tekstejä, joiden kontrasti suhteessa taustaan ei ole riittävä. Tekstien Tuote, Määrä ja Yhteensä kontrasti ei ole riittävä. Tuotteen hintojen kontrasti suhteessa taustaan ei ole riittävä. (WCAG 1.4.3 Kontrasti)

Kassan tekstien kontrasteissa puutteita

Kassa-sivulla tekstejä, joiden kontrastisuhde taustaan ei ole riittävä. Esimerkiksi tekstit “Anna toimitusosoite”, “Mukaan lukien verot …” ja “EUR. (WCAG 1.4.3 Kontrasti)

Kirjan edellisen hinnan kontrasti puutteellinen

Niillä kirjoilla, jotka ovat alennetulla hinnalla näkyy myös kirjan alkuperäinen hinta. Tämän tekstin kontrasti ei ole riittävä (4.5:1). Esimerkiksi hakutulokset-sivulla. (WCAG 1.4.3 Kontrasti)

Kommenttien (kirja-arvosteluissa) päivämäärien kontrasti suhteessa taustaan

Kirja-sivujen kommenttien päivämäärien harmaa teksti ei erotu riittävästi taustasta. Tekstin kontrasti suhteessa taustaan on 3.34:1. Kontrastin minimivaatimus on 4.5:1. (WCAG 1.4.3 Kontrasti)

Arvosteluiden määrän kontrasti suhteessa taustaan

Kirja-sivujen arvosteluiden määrän harmaa teksti ei erotu riittävästi taustasta. Tekstin kontrasti suhteessa taustaan on 3.34:1. Kontrastin minimivaatimus on 4.5:1. (WCAG 1.4.3 Kontrasti)

Sivun tekstin koon muuttaminen rikkoo sivun asettelua

Kun sivustoa zoomataan 200 % näkyvät kirjautuminen ja ostoskori-painikkeet kahteen kertaan. Ylemmät painikkeet ovat asettelultaan rikki. (WCAG 1.4.4 Tekstin koon muuttaminen)

Näppäimistön kohdistuksen kontrasti

Näppäimistön kohdistuksen kontrasti ei erotu riittävästi taustasta painikkeissa. Koskee koko sivustoa. Esimerkiksi collections, kirja-sivujen sekä hakutulokset-sivun painikkeiden näppäimistö kohdistuksen kontrasti ei ole riittävä. Vaadittu kontrasti UI-elementeille on 3:1.

Näppäimistön kohdistuksen kontrasti ei erotu riittävästi taustasta kirjojen otsikoissa. Esimerkiksi kuvakaappauksen kirjan otsikolla “Isäni appelsiininkukkien maasta”-otsikolla on näppäimistökohdistus, mutta se ei juurikaan erotu käyttäjälle. Toistuu kaikissa samanlaisissa kirja-elementeissä. Vaadittu kontrasti UI-elementeille on 3:1. (WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti)

Näppäimistön kohdistuksen kontrasti

Näppäimistön kohdistuksen kontrasti ei erotu riittävästi taustasta kaikissa tilanteissa. Esimerkiksi kirja-sivun Kotimainen kaunokirjallisuus-painikkeiden näppäimistö kohdistuksen kontrasti ei ole riittävä. Vaadittu kontrasti UI-elementeille on 3:1. (WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti ja WCAG 2.4.7 Näkyvä kohdistus)

Hakutulokset-sivun suodattimien kohdistuksen kontrasti

Näppäimistön kohdistuksen kontrasti ei erotu riittävästi taustasta Hakutulokset-sivun suodattimissa. (WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti ja WCAG 2.4.7 Näkyvä kohdistus)

Notifikaation näppäimistön kohdistus puutteellinen

Näkyvä kohdistus. Notifikaatioiden näppäimistön kohdistus ei erotu riittävästi taustasta. (WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti ja WCAG 2.4.7 Näkyvä kohdistus)

Haku-modaali

Näppäimistöllä navigoitaessa haku avautuu, kun siihen navigoidaan näppäimistöllä. Sama ikkuna ei sulkeudu, kun hakukentästä navigoidaan pois vaan se jää näkyviin ja estää näin muun sisällön näkemisen - Esimerkiksi näppäimistön käyttäjät eivät näe hakutulokset-sivun kaikkia suodattimia, sillä modaali pysyy auki - Varsinkin haasteellinen pienillä näytöillä sillä modaali voi peittää koko näkymän. (WCAG 1.4.13 Sisältö osoitettaessa ja kohdistettaessa WCAG 1.4.10 Responsiivisuus)

Haku-modaalin sulkeminen

Kun sivuston haku avataan siinä ei ole selkeää sulkumekanismia. Esimerkiksi mobiilissa hakukentän uudestaan painaminen ei sulje haun modaalia. Haku sulkeutuu klikkaamalla sen ulkopuolelta tai klikkaamalla jotain haun linkkiä. (WCAG 1.4.13 Sisältö osoitettaessa)

Hallittava

Hintahistoria-painike saavuttamaton näppäimistöllä

Hintahistoria painike kirja-sivulla ei ole saavutettava näppäimistöä käyttäville. (WCAG 2.1.1 Näppäimistö)

Hakutulokset-sivulla näppäimistöllä saavuttamattomia painikkeita

Hinnan säätö-toiminnallisuuksiin ei voi navigoida pelkkää näppäimistöä käyttäen. Järjestä-, Tuotteet per sivu- ja asettelun vaihto-painikkeisiin ei voi navigoida pelkkää näppäimistöä käyttäen. Kategoria-painikkeisiin ei pysty navigoimaan pelkkää näppäimistöä käyttäen. Suodatin esim. kuvakaappauksen “Kirja-ale” sekä Tyhjennä-painike. (WCAG 2.1.1 Näppäimistö)

Näytä lisää-painikkeen näkyvyys karusellissa puutteellinen

Näppäimistöllä navigoitaessa karusellien Näytä lisää-painike ei tule kaikissa tilanteissa näkyviin kokonaisuudessaan, kun se saa näppäimistö kohdistuksen. (WCAG 2.1.1 Näppäimistö)

Sivuston haku saavuttamaton näppäimistöllä

Haku avautuu, kun se saa kohdistuksen. Haun elementteihin ei pysty navigoimaan näppäimistöllä. Sivuston yleinen haku sekä hakutulokset sivu. (WCAG 2.1.1 Näppäimistö)

Kirja-arvostelu arvostelu saavuttamaton näppäimistöllä

Kirja-arvostelun arvosteluasteikkoon ei pysty navigoimaan pelkkää näppäimistöä käyttäen. Kirja-arvostelua ei voi lähettää pelkkää näppäimistöä käyttäen sillä arvosteluasteikko on pakollinen kenttä. (WCAG 2.1.1 Näppäimistö)

Karusellien toistuvuus ja ohita lohkot

Karuselli-elementit toistuvat sivulla usein. Näiden läpikäynti voi olla hidasta etenkin näppäimistöä, ruudunlukuohjelmia sekä muita avustavia teknologioita käyttävien kohdalla. Karuselleihin voisi lisätä mahdollisuuden hypätä yli kyseisestä karusellista seuraavaan elementtiin, kun käytetään näppäimistöä. (WCAG 2.4.1 Ohita lohkot)

Bannerissa ylimääräisiä kohdennettavia elementtejä

Näppäimistön kohdistus pysyy bannerissa useamman tabulaattori painalluksen ajan. Näppäimistön kohdistus pysyy bannerin Tilaa tästä -painikkeessa useamman tabulaattori painalluksen ajan. (WCAG 2.4.3 Kohdistusjärjestys)

Evästeasetukset näppäimistöllä

Vaikka evästeasetukset on suljettu, pysyy näppäimistön kohdistus evästeasetuksien linkeissä, jotka eivät ole näkyvissä. Tapahtuu kun asetukset on avattu ja niitä muutettu ja ne suljetaan sen jälkeen. Elementistä pääsee kuitenkin tabulaattorilla pois. (WCAG 2.4.3 Kohdistusjärjestys ja WCAG 2.1.1 Näppäimistö)

Avoimet suodattimet estävät sivun elementtien käytön

Kun kirjojen kokoelmissa jokin suodatin on avoimena, ei sivun muut kohteet voi saada hiiren kohdistusta. Ensimmäinen klikkaus esimerkiksi kirjan painikkeessa sulkee suodattimen ja vasta toisella klikkauksella voidaan valita haluttu kohde. (WCAG 2.4.3 Kohdistusjärjestys)

Etusivulla ylimääräinen kohdennuksen saava elementti

Etusivun bannerin ja ensimmäisen karusellielementin välissä on kohta, johon näppäimistön kohdistus kohdentuu, mutta siinä ei ole mitään elementtiä/sisältöä.  Kyseessä UI:ssa näkymätön linkki etusivulle.( WCAG 2.4.3 Kohdistusjärjestys)

Kirja-linkeissä ylimääräisiä elementtejä

Ostoskorin “Nousussa nyt”-elementin kirjan kansien kuvat toimivat linkkeinä. Yhdessä kuvassa on kolme linkkiä joihin näppäimistö kohdistuu. (WCAG 2.4.4 Linkin tarkoitus (kontekstissa))

Etusivun bannerilta puuttuvat saavutettavat nimet

Etusivun banneri on linkki. Tältä linkiltä puuttuu saavutettava teksti. Bannerin yhteydessä on “Tilaa tästä”-painike. Tästä painikkeesta puuttuu saavutettava teksti. (WCAG 2.4.4 Linkin tarkoitus (kontekstissa))

HCaptchan näkyvä kohdistus

Hcaptchan -elementillä ei ole näppäimistöä käyttäville käyttäjille näkyvää kohdistusta. (WCAG 2.4.7 Näkyvä kohdistus)

Kirja-linkkien näkyvä kohdistus puutteellinen

Ostoskorin “Nousussa nyt”-elementin kirjan kansien kuvilla ei ole riittävää näkyvää kohdistusta näppäimistöä käyttäville. (WCAG 2.4.7 Näkyvä kohdistus)

Kassa-sivun ylätunnisteen painikkeiden näkyvä kohdistus

Kirja-logolla ja ostoskori-painikkeella kassa-sivun ylätunnisteessa (header) ei ole näkyvää kohdistusta, kun niihin navigoidaan näppäimistöä käyttäen. (WCAG 2.4.7 Näkyvä kohdistus)

Kirjailija-linkin näkyvä kohdistus puutteellinen

Korttien näppäimistön kohdistuksen indikaattoria kirjailijan nimessä olisi hyvä vahvistaa. (WCAG 2.4.7 Näkyvä kohdistus)

Kuvakarusellin näkyvä kohdistus on puutteellinen

Kuvakarusellissa ei selkeää näkyvää kohdistusta. Kohdistus on Tilaa tästä-painikkeessa, mutta jää helposti huomaamatta. (WCAG 2.4.7 Näkyvä kohdistus)

Asiakaspalvelu-sivulla puutteita näkyvässä kohdistuksessa

Asiakaspalvelu-sivun informaatiokorteissa ei ole selkeää näkyvää kohdistusta näppäimistöä käyttäville. Vaikeuttaa sivun selaamista näppäimistöä sekä avustavia teknologioita käyttäville. (WCAG 2.4.7 Näkyvä kohdistus)

Artikkelikategorioilla puutteellinen näkyvä kohdistus

Kirjablogi-sivun artikkelikategorioilla ei ole selvää erottuvaa kohdistusta näppäimistöä käyttäville. (WCAG 2.4.7 Näkyvä kohdistus)

Kokoelma-sivulla puutteita näkyvässä kohdistuksessa

Kokoelma-sivujen kategorian valinnoille ei ole selvää erottuvaa kohdistusta näppäimistöä käyttäville. (WCAG 2.4.7 Näkyvä kohdistus)

Valikon sulje-painikkeen näkyvässä kohdistuksessa puutteita

Valikon Sulje valikko-painikkeen näppäimistön näkyvä kohdistus ei erotu riittävästi. (WCAG 2.4.7 Näkyvä kohdistus)

Valikon käytettävyydessä puutteita

Valikon kaikki linkit eivät ole näkyvissä. Asiakaspalvelu-linkin jälkeen tulee vielä mm Usein kysytyt kysymykset, Kirjablogi ja Tilaa Uutiskirje-linkit. Näihin linkkeihin ei kuitenkaan pääse rullaamaan eivätkä ne tule näkyviin. Toistuu myös näppäimistöllä valikkoa selatessa. (WCAG 2.4.7 Näkyvä kohdistus)

Ymmärrettävä

Kassan osien kieli

Kassa-sivulla elementtejä, joista puuttuu kieli määrittely. Koskee esimerkiksi Toimitus ja Puhelinnumero-kentän ?-merkkiin liittyvää sisältöä. (WCAG 3.1.2 Osien kieli)

Kirjautumisen ja rekisteröitymisen murupolkujen kieli

Kirjautumisen ja rekisteröitymisen sivuilla esiintyy murupoluissa englanninkieliset termit “Login” ja “Register”. (WCAG 3.1.2 Osien kieli)

Rekisteröitymisen valintaruudun label-elementti

Rekisteröitymisen lomake-elementistä puuttuu saavutettava label-elementti. ( WCAG 3.3.2 Nimilaput tai ohjeet)

Uutiskirjeen tilauksen sähköpostikentän ohjeet

Tilaa Uutiskirje-sivulla jos yrittää lähettää tilauksen ilman sähköpostia ruudunlukuohjelmille informoidaan vaan, että “Täytä tämä kenttä”. Informaatiosta puuttuu info siitä, että kenttään halutaan sähköposti. Jos sähköposti on muodoltaan virheellinen ilmestyy kenttään ohje sähköpostin oikeasta muodosta. Tätä informaatiota ei välitetä ruudunlukuohjelmille. (WCAG 3.3.2 Nimilaput tai ohjeet)

Virheviestien korjausehdotukset

Sähköposti-kentässä ei ole virheen sattuessa korjausehdotusta. Sähköposti-kentässä olisi hyvä olla virheen korjausehdotus esim. “Syötä sähköposti muodossa: etunimi.sukunimi@sähköposti.fi. (WCAG 3.3.3 Virheen korjausehdotus)

Suodattimien nimilaput ja ohjeet

Kirjojen kokoelmien suodattimien ohjeet eivät ole kaikissa tapauksissa tarpeeksi selkeitä - Esimerkiksi Kirja kokoelman hinta-suodattimessa “asti”-kentässä on ruudunlukijoille valmiina teksti “Asti 44,90”. (WCAG 3.3.2 Nimilaput tai ohjeet)

Hakutulosten puuttuva saavutettava teksti

Hakutulokset-sivun hakuteksti-kentältä puuttuu saavutettava teksti - Teksti “hakuteksti” luetaan ruudunlukuohjelman toimesta, joten kentän tarkoitus selviää jollain tasolla myös ruudunlukuohjelmia käyttäville. (WCAG 3.3.2 Nimilaput tai ohjeet)

Toimintavarma

Puutteellisia saavutettavia nimiä

Ostoskorin “Nousussa nyt”-elementin kirjan kansien kuvista, jotka toimivat myös linkkeinä, puuttuvat saavutettavat nimet. (WCAG 4.1.2 Nimi, rooli, arvo, WCAG 1.1.1 Ei-tekstuaalinen sisältö, WCAG 2.4.4 Linkin tarkoitus (kontekstissa))

Interaktiivisia elementtejä sisäkkäin

Kirja-sivuilla Tekijät-haitarielementissä on haitarissa myös interaktiivinen linkki. Linkki on kirjailijan sivulle, joka on toisen interaktiivisen elementin sisällä eli haitarielementin sisällä. Tällaisia sisäkkäin olevia interaktiivisia elementtejä on hyvä välttää, sillä niistä ei aina informoida ruudunlukuohjelmia ja ne voivat aiheuttaa kohdistuksen kanssa ongelmia muiden avustavien teknologioiden kanssa. (WCAG 4.1.2 Nimi, rooli, arvo)

Hakutulosten pudotusvalikoiden saavutettavat tekstit

Hakutulokset-sivun pudotusvalikoilta puuttuvat saavutettavat tekstit. (WCAG 4.1.2 Nimi, rooli, arvo)

Sivuston haun tilasta kertovissa viesteissä puutteita

Sivuston haun tuloksien ilmestymisestä ei informoida ruudunlukuohjelmia käyttäviä. Ruudunlukuohjelmalla pääsee joihinkin tuloksiin nuolipainikkeita käyttämällä modaalissa, mutta ne eivät vastaa näkymään tulleita tuloksia. (WCAG 4.1.3 Tilasta kertovat viestit)

Kokoelmien tilasta kertovissa viesteissä puutteita

Kirjojen kokoelmien uusien tuloksien ilmestymisestä ei informoida ruudunlukuohjelmia käyttäviä, kun käyttäjä on muuttanut hakuehtoja. (WCAG 4.1.3 Tilasta kertovat viestit)

Tuotteen lisäys ostoskoriin

Kun tuotteen lisää ostoskoriin, tulee siitä ilmoitus myös ruudunlukuohjelmalle modaalin näkymisen lisäksi. Tämä modaali sulkeutuu automaattisesti eikä käyttäjällä ole välttämättä aikaa navigoida sen kautta esimerkiksi ostoskoriin käyttäen näppäimistöä tai ruudunlukuohjelmaa. (WCAG 4.1.3 Tilasta kertovat viestit)

Kirja.fi omia huomioita

Kolmelta sivulta puuttuu H1-otsikko.

Yksittäisten kuvien alt-tekstit voivat olla puutteellisia. Osassa alt-teksteistä voi ilmetä toistoa muun sisällön kanssa.

Sivusto sisältää yksittäisiä PDF-tiedostoja (esim. ladattava lukujärjestys), joiden saavutettavuudessa voi olla puutteita.

Kontrastisuhde voi olla heikko kirjojen kansikuvissa tai mainoskuvissa.

Sosiaalisen median kanavissa pyrimme lisäämään ALT-tekstit, niihin kuviin missä ne on mahdollista lisätä. 

Puutteiden korjaus

Havaittuja saavutettavuuspuutteita pyritään korjaamaan jatkuvasti. Tässä selosteessa havaittujen saavutettavuuspuutteiden listausta päivitetään sen mukaan, kun puutteita saadaan korjattua.

Huomasitko saavutettavuuspuutteen verkkokaupassamme?

Voit antaa meille saavutettavuuspalautetta asiakaspalveluumme asiakaspalvelu@kirja.fi Kerro viestissäsi mistä sivusta on kyse ja kuvaile ongelma mahdollisimman tarkasti.

Valvontaviranomaisen yhteystiedot

Liikenne- ja viestintävirasto Traficom
Digitaalisen esteettömyyden ja saavutettavuuden valvontayksikkö
www.saavutettavuusvaatimukset.fi
saavutettavuus@traficom.fi
puhelinnumero vaihde 029 534 5000

Transport- och kommunikationsverket Traficom
Enheten för tillsyn över digital tillgänglighet
www.tillganglighetskrav.fi
tillganglighet@traficom.fi
telefonnummer växeln 029 534 5000

Finnish Transport and Communications Agency Traficom
Digital Accessibility Supervision Unit
www.webaccessibility.fi
saavutettavuus@traficom.fi
telephone switchboard 029 534 5000