Saavutettavuusseloste

1. Yleistä

Tämä saavutettavuusseloste koskee Topaz Oy -verkkokauppaa osoitteessa shop.saarentaika.com. Seloste on laadittu 03.03.2025.

Topaz Oy pyrkii takaamaan verkkokauppansa saavutettavuuden digitaalisten palvelujen tarjoamista koskevan lain (306/2019) mukaisesti. Tavoitteenamme on varmistaa, että mahdollisimman moni käyttäjä – mukaan lukien erilaisissa toimintarajoitteissa ja apuvälineitä käyttäen asioivat henkilöt – pystyy käyttämään palvelua sujuvasti.

2. Palvelun saavutettavuuden tila

Verkkokauppa ei vielä täytä WCAG 2.1 -ohjeistuksen A- ja AA-tason kriteerejä seuraavilta osin. Kehitämme jatkuvasti verkkokaupan saavutettavuutta ja pyrimme korjaamaan tunnistetut puutteet mahdollisimman pian.

3. Ei-saavutettava sisältö

Alla luetellut WCAG 2.1 -kriteerit eivät toteudu tällä hetkellä shop.saarentaika.com-sivustolla. Kerromme lyhyesti myös yleisimmät havaitut puutteet, joiden korjaamiseen olemme sitoutuneet:

1. WCAG 1.1.1 – Ei-tekstuaalinen sisältö
   1. Osa verkkokaupan video- ja kuvamateriaalista puuttuu tekstivastineet (alt-tekstit). Tämä voi haitata ruudunlukijaa käyttävien käyttäjien mahdollisuutta ymmärtää kuvan sisältö.
   2. Kaikilla painikkeilla ei ole näkyvää tekstiä eikä aria-label- tai vastaavaa attribuuttia, joten ruudunlukuohjelmat ja muut apuvälineet eivät saa tietoa siitä, mitä tämä painike tekee.
2. WCAG 1.2.2 – Tekstitys (tallennettu)
   1. Osasta videoista puuttuu tekstitys.
3. WCAG 1.3.1 – Informaatio ja suhteet
   1. Sivustolla ei kaikilta osin ole käytetty selkeitä rakenne- ja otsikkomerkintöjä (esimerkiksi H1, H2 jne.), mikä voi vaikeuttaa sisällön hahmottamista apuvälineillä.
   2. Osaa lomake-elementeistä ei ole ryhmitelty oikein, joka saattaa vaikeuttaa niiden yhteenkuuluvuuden hahmottamista apuvälineillä.
   3. Kassalla ei ole selkeästi merkattu pakollisia kenttiä, joka saattaa vaikeuttaa niiden hahmottamista.
4. WCAG 1.3.5 – Määrittele syötteen tarkoitus
   1. Joidenkin lomake-elementtien osalta puuttuu automaattisen täydennyksen selvennys, joka saattaa vaikeuttaa lomakkeen automaattista täyttämistä oikealla tiedolla.
5. WCAG 1.4.3 – Kontrastin vähimmäisvaatimukset
   1. Tekstin ja taustavärin kontrasti ei aina täytä vaadittua tasoa. Pienikontrastiset elementit voivat hankaloittaa sisällön lukemista heikkonäköisille.
6. WCAG 1.4.11 – Ei-tekstimuotoisen sisällön kontrasti
   1. Lomake-elementtien äärirajat eivät aina täytä vaadittua tasoa. Pienikontrastiset elementit voivat hankaloittaa sisällön hahmottamista heikkonäköisille.
7. WCAG 1.4.13 – Sisältöä osoittaessa tai kohdistaessa
   1. Alavalikot avautuvat ainoastaan hiiren hover-tapahtumalla, mutta niitä ei voi sulkea ilman hiiren osoitinta. Lisäsisältö, joka avautuu hoverilla tai fokuksella, on oltava käyttäjän suljettavissa ilman osoittimen liikuttamista tai näppäimistön fokuksen siirtämistä. Tässä toteutuksessa sulkeminen vaatii hiiren, eli kriteeri ei täyty.
8. WCAG 2.1.1 – Näppäimistö
   1. Kaikkia verkkokaupan toimintoja ei ole mahdollista käyttää pelkällä näppäimistöllä. Esimerkiksi tietyt elementit eivät saa kohdistusta (focus) näppäimistökäytössä.
9. WCAG 2.1.2 – Ei näppäimistöansaa
   1. Osa modaalidialogeista (esimerkiksi ponnahdusikkunoista) voi luoda tilanteen, jossa näppäimistökohdistus juuttuu elementin sisälle tai sitä ei saa suljettua helposti.
   2. Osa sivustoelementeistä (esimerkiksi arvostelu-osio tuotesivulla) voi luoda tilanteen, jossa näppäimistökohdistus juuttuu elementin sisälle tai sitä ei saa suljettua helposti.
10. WCAG 2.4.2 – Sivuotsikot
    1. Osalla sivuista (esimerkiksi haku-sivu) ei ole kuvaavaa tai informatiivista otsikkoa.
11. WCAG 2.4.4 – Linkin tarkoitus (kontekstissa)
    1. Joidenkin linkkien yhteydestä puuttuu selkeä kuvaus siitä, minne linkki johtaa. Esimerkiksi pelkkä “Lisätietoja” ilman lisäkontekstia ruudunlukijoille.
    2. Joidenkin nappien yhteydestä puuttuu selkeä kuvaus tai näkyvä teksti selitys siitä, minkä toiminnon nappi toteuttaa.
12. WCAG 2.4.6 – Otsikot ja nimilaput
    1. Verkkokaupan sivuilla ei kaikissa kohdin ole käytetty selkeitä ja kuvaavia otsikoita tai nimilappuja (label). Tämä heikentää sivuston navigoitavuutta.
13. WCAG 2.4.7 – Näkyvä kohdistus
    1. Käytettävä kohdistusindikaattori voi olla puutteellinen tai liian huomaamaton. Tämä vaikeuttaa näppäimistökäyttäjiä hahmottamaan, missä kohdassa sivua fokus kulloinkin on.
14. WCAG 2.5.3 – Nimilappu nimessä
    1. Osassa lomake-elementtejä ruudunlukijalle tarkoitettu sekä näkyvä teksti eroavat toisistaan.
15. WCAG 2.5.8 – Kohteen vähimmäiskoko ja etäisyys
    1. Osa toiminnallisista kohteista ei täytä vähimmäiskokovaatimusta (24 × 24 px) tai minimietäisyyttä toisistaan. Tämä voi vaikeuttaa erityisesti näppäimistöllä tai kosketusnäytöllä toimivien käyttäjien kohdentamista ja aktivointia ilman apuvälineitä.
16. WCAG 3.1.2 – Osien kieli
    1. Osa sivuston sisällöstä esiintyy väärällä kielellä (esimerkiksi suomenkielisellä sivustolla on englanninkielisiä ilmauksia) ilman osakohtaista kielitunnistetta. Tämä voi vaikeuttaa ruudunlukuohjelmille ja muille apuvälineille sisällön tulkintaa.
17. WCAG 3.3.1 – Virheen tunnistaminen
    1. Sisäänkirjautumislomakkeessa virheellisiä tunnuksia syötettäessä käyttäjälle ei näytetä virheilmoitusta tai muuta palautetta. Tämä voi estää käyttäjää ymmärtämästä, mikä meni pieleen, ja jatkamasta kirjautumisprosessia.
18. WCAG 3.3.2 – Nimilaput ja ohjeet
    1. Joidenkin lomake- ja valintaelementtien yhteydessä puuttuu selittävä teksti. Tämä voi vaikeuttaa lomakkeiden käyttöä ruudunlukuohjelmilla ja muilla apuvälineillä.
    2. Joidenkin tarkoituksellisesti piilotettujen lomake-elementtien piilotusmerkintä (esim. aria-hidden) puuttuu. Tämä voi vaikeuttaa lomakkeiden käyttöä ruudunlukuohjelmilla ja muilla apuvälineillä.
19. WCAG 4.1.1 – Jäsentäminen
    1. Sivuston HTML-koodissa on rakenteellisia virheitä, kuten duplikaatti ID-arvoja ja vakavia merkintävirheitä, jotka rikkovat vaatimuksen, että sisältö on jäsennettävissä luotettavasti. Tällaiset virheet voivat estää ruudunlukuohjelmia ja muita apuvälineitä käsittelemästä sivun sisältöä oikein.
20. WCAG 4.1.2 – Nimi, rooli, arvo
    1. Jotkut lomake-elementit tai painikkeet eivät sisällä selkeää nimeä, roolia tai arvoa, jolloin ruudunlukija ei pysty välittämään niiden tarkoitusta käyttäjälle.
    2. Joidenkin painikkeiden teksti puuttuu, joten näitä elementtejä ei näe.

Poikkeaminen kohtuuttoman rasitteen perusteella:

Tällä hetkellä emme vetoa kohtuuttomaan rasitteeseen. Olemme aloittaneet kehitystyön puutteiden korjaamiseksi ja päivitämme tätä selostetta sitä mukaa, kun saavutettavuus paranee.

4. Vaihtoehtoiset asiointitavat

Jos et pysty käyttämään kaikkia shop.saarentaika.com-verkkokaupan toimintoja tai sinulla on vaikeuksia esimerkiksi tilauksen tekemisessä, tarjolla on seuraavia vaihtoehtoja:

• Sähköposti: asiakaspalvelu@saarentaika.com
• Postiosoite: Heikkiläntie 2 B 30, 25500 Perniö

5. Palautteen antaminen ja yhteystiedot

Otamme mielellämme vastaan palautetta verkkokauppamme saavutettavuudesta sekä kehitysideoita sen parantamiseksi. Voit lähettää palautetta seuraavilla tavoilla:

• Sähköposti: asiakaspalvelu@saarentaika.com

Vastaamme palautteeseen 14 päivän kuluessa.

6. Valvontaviranomainen

Jos huomaat sivustolla saavutettavuusongelmia, anna ensin palautetta meille, eli sivuston ylläpitäjälle. Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta kahden viikon kuluessa, voit tehdä ilmoituksen valvontaviranomaiselle. Suomessa valvontaviranomainen on Etelä-Suomen aluehallintovirasto:

Etelä-Suomen Aluehallintovirasto, Saavutettavuuden valvontayksikkö

• Sähköposti: saavutettavuus@avi.fi
• Puhelin: 0295 016 000
• Verkkosivusto: https://www.saavutettavuusvaatimukset.fi
  

7. Selosteen laatiminen ja päivittäminen

• Seloste on laadittu 26.6.2025.
• Selostetta on viimeksi päivitetty 26.6.2025.
• Arvioinnin toteuttamistapa: ulkopuolinen arvioija.
• Kehitämme verkkokauppaa aktiivisesti saadun palautteen ja tunnistettujen puutteiden perusteella.
  

8. Kehittämissuunnitelmat

Olemme sitoutuneet parantamaan shop.saarentaika.com-verkkokaupan saavutettavuutta. Seuraavat kehitystoimet ovat käynnissä tai käynnistymässä:

• Tekstivastineet ja videoiden tekstitykset: Lisätään puuttuvat alt-tekstit kuviin ja aria-label-attribuutit kaikkiin painikkeisiin sekä varmistetaan, että kaikki videot saavat tekstitykset.
• Rakenne ja otsikkohierarkia: Tarkistetaan ja korjataan H1–H6-otsikot, ryhmitellään lomakekentät loogisesti ja merkitään pakolliset kentät selkeästi.
• Syötteen tarkoituksen määrittely: Määritellään autocomplete-attribuutit lomakeelementeille ja lisätään tarvittavat aria-attribuutit (esim. aria-required, aria-describedby).
• Kontrastin parantaminen: Päivitetään tekstin ja taustan kontrastisuhteet sekä lomake- ja ei-tekstimuotoisten elementtien äärirajat vastaamaan WCAG 1.4.3 ja 1.4.11 -vaatimuksia.
• Hover- ja fokus-sisällön hallinta: Toteutetaan alavalikot siten, että ne ovat suljettavissa sekä hiirellä että näppäimistöllä tai fokuksella.
• Näppäimistökäytettävyys: Varmistetaan, että kaikki interaktiiviset elementit saavat fokuksen ja että modaalidialogit eivät luo näppäimistöansoja.
• Sivukohtaiset otsikot ja linkkien kuvaavuus: Lisätään kuvaavat <title>-elementit, tarkistetaan linkkien selkeät tekstit ja tarvittaessa hyödynnetään aria-describedBy-kontekteja.
• Kohdistusindikaattorin näkyvyys: Parannetaan fokuksen visuaalista erottuvuutta näppäimistökäytössä (esim. korostuskehys, välkyntä).
• Toiminnallisten kohteiden koko ja etäisyys: Varmistetaan, että kaikki interaktiiviset elementit ovat vähintään 24×24 px ja niillä on riittävät etäisyydet toisiinsa.
• Osien kieli: Määritellään asianmukaiset lang-attribuutit sivun eri kieliosille.
• Virheiden tunnistaminen ja ohjeistus: Näytetään selkeät virheilmoitukset esimerkiksi sisäänkirjautumisessa ja lisätään ohjetekstit sekä aputekstit lomakekentille (WCAG 3.3.1–3.3.2).
• Piilotettujen elementtien merkinnät: Lisätään aria-hidden piilotetuille elementeille ja varmistetaan, etteivät ne vääristä jäsentämistä.
• HTML-rakenteen puhtaus: Korjataan duplikaatti-ID:t ja muut merkintävirheet, jotta sisältö on jäsennettävissä luotettavasti (WCAG 4.1.1).
• Nimi, rooli ja arvo: Lisätään puuttuvat name-, role- ja value-attribuutit, jotta ruudunlukija saa elementeistä täydelliset tiedot (WCAG 4.1.2).

Pyrimme saamaan nämä korjaukset valmiiksi vaiheittain vuoden 2025 aikana. Osa toimenpiteistä odottaa kolmannen osapuolen kehittäjien toimittamia päivityksiä. Päivitämme tätä selostetta sitä mukaa, kun saavutettavuus paranee.