Saavutettavuusseloste

Päivitetty viimeksi: 7. toukokuuta 2026

Ranneke.fi haluaa tehdä verkkosivustostamme saavutettavan kaikille, mukaan lukien vammaiset käyttäjät. Haluamme, että jokainen asiakas voi löytää rannekkeen, ymmärtää mitä on ostamassa ja viedä ostoksen läpi kassalle ilman esteitä — riippumatta laitteesta, selaimesta tai apuvälineestä, jota hän käyttää.

Tämä seloste kertoo, missä olemme nyt, mitä tiedämme parannettavaa olevan, ja miten voit ottaa yhteyttä, jos jokin sivustolla tuottaa ongelmia.

Standardi, jota noudatamme

Tavoitteenamme on täyttää Web Content Accessibility Guidelines (WCAG) 2.2 taso AA — kansainvälinen digitaalisen saavutettavuuden viitekehys, ja standardi, johon viittaavat sekä Suomen laki digitaalisten palvelujen tarjoamisesta että EU:n esteettömyysdirektiivi (European Accessibility Act, voimassa 28. kesäkuuta 2025 alkaen).

WCAG perustuu neljään periaatteeseen. Sisällön tulee olla:

  • Havaittavaa — voit nähdä tai kuulla sen, riippumatta siitä, miten otat tietoa vastaan
  • Hallittavaa — voit käyttää sitä näppäimistöllä, hiirellä, kosketuksella tai apuvälineellä
  • Ymmärrettävää — sivun kieli ja toiminta ovat ennakoitavia
  • Toimintavarmaa — se toimii nykyisten ja tulevien selainten ja apuvälineiden kanssa

Vaatimustenmukaisuuden tila

Ranneke.fi täyttää WCAG 2.2 tason AA osittain. "Osittain täyttää" tarkoittaa, että suurin osa sivustosta vastaa standardia, mutta osa sisällöstä tai komponenteista ei vielä ole täysin kunnossa. Työskentelemme aktiivisesti jäljellä olevien aukkojen sulkemiseksi.

Mitä olemme tehneet

Saadaksemme sivuston nykyiselle tasolle olemme:

  • Rakentaneet uuden teeman, joka saa Google Lighthousen automaattisessa saavutettavuustestissä pisteet 94/100
  • Käyttäneet semanttista HTML:ää ja ARIA-maamerkkejä, jotta ruudunlukijat pystyvät navigoimaan rakenteessa
  • Kirjoittaneet kuvaavat alt-tekstit tuotekuville, mukaan lukien rannekkeen väri, materiaali ja istuvuus
  • Varmistaneet, että kaikki interaktiiviset elementit (painikkeet, linkit, lomakekentät, suodattimet) ovat saavutettavissa ja käytettävissä pelkällä näppäimistöllä
  • Näkyvät kohdistusilmaisimet kaikissa fokusoitavissa elementeissä
  • Täyttäneet tai ylittäneet kontrastisuhteen 4,5:1 leipätekstille ja 3:1 ei-tekstillisille elementeille kuten ikonit ja lomakkeiden reunat
  • Varmistaneet, että sivusto toimii jopa 400 % zoomilla ilman sisällön tai toiminnallisuuden menetystä
  • Merkinneet kaikki kassan lomakekentät, mukaan lukien selkeät pakollisten kenttien merkinnät ja inline-virheilmoitukset, jotka kertovat mikä meni pieleen ja miten se korjataan
  • Pitäneet kosketusalueet vähintään 24×24 CSS-pikselissä WCAG 2.2:n mukaisesti (onnistumiskriteeri 2.5.8)
  • Varmistaneet, että sivustoa voi käyttää ilman "vedä"-eleitä (WCAG 2.2 onnistumiskriteeri 2.5.7)

Tunnetut puutteet

Tiedämme, ettei sivusto ole täydellinen. Tästä olemme tietoisia ja työskentelemme parannusten parissa:

  • Kolmannen osapuolen widgetit. Jotkut upotetut työkalut — kuten chat-widget, joidenkin maksupalveluiden iframet ja evästeiden suostumusbanneri — eivät ole täysin hallinnassamme, eivätkä ehkä täytä WCAG 2.2 AA -tasoa kaikissa vuorovaikutuksissa. Olemme nostaneet asian esille toimittajien kanssa.
  • Käyttäjien tuottama sisältö. Asiakasarvostelujen kuvilla ei aina ole kuvaavia alt-tekstejä, koska asiakkaat lataavat ne, emme me. Pohdimme, miten voisimme kannustaa parempiin kuvauksiin latausvaiheessa.
  • Vanhempi blogi- ja PDF-sisältö. Pieni määrä vanhempia blogikirjoituksia ja ladattavia kokoluetteloita on uutta teemaa edeltävältä ajalta eivätkä välttämättä täytä nykyistä standardia. Käymme niitä läpi tärkeysjärjestyksessä.
  • Suora video. Jos järjestämme livemyyntiä tai tuoteesittelyä, reaaliaikainen tekstitys voi puuttua. Tallenteet tekstitetään jälkikäteen.

Jos löydät esteen, jota emme ole listanneet, kerrothan meille — katso "Ota yhteyttä" alla.

Miten testaamme

Käytämme menetelmien yhdistelmää, sillä mikään yksittäinen testi ei kata kaikkea:

  • Automaattinen testaus Google Lighthouse- ja axe-core-työkaluilla jokaisen teemajulkaisun yhteydessä
  • Manuaalinen näppäimistötestaus keskeisille käyttöpoluille: selaus, tuotesivu, lisää ostoskoriin, kassa
  • Ruudunlukijatestaus käyttäen VoiceOveria (macOS, iOS) ja NVDA:ta (Windows)
  • Värin ja kontrastin tarkistukset suunnitteluvaiheessa
  • Ulkoinen auditointi vuosittain riippumattoman saavutettavuuskonsultin kanssa

Automaattiset työkalut yksinään löytävät vain noin 30–40 % WCAG-ongelmista, joten manuaalinen tarkastelu on osa jokaista julkaisua.

Yhteensopivat selaimet ja apuvälineet

Sivusto on suunniteltu toimimaan kahden uusimman version kanssa seuraavista:

  • Chrome, Edge, Firefox ja Safari tietokoneella
  • Safari iOS:ssä ja Chrome Androidissa
  • Ruudunlukijat VoiceOver, NVDA, JAWS ja TalkBack

Emme aktiivisesti tue Internet Exploreria.

Ota yhteyttä

Jos et pysty käyttämään jotain sivustolla, tai olet löytänyt esteen, josta meidän pitäisi tietää, ota yhteyttä yhteydenottolomakkeella. Teemme parhaamme auttaaksemme — myös tarjoamalla sinulle tiedon toisessa muodossa.

Pyrimme vastaamaan 2 työpäivän kuluessa ja korjaamaan tai tarjoamaan väliaikaisen ratkaisun 10 työpäivän kuluessa. Jos jokin vie kauemmin, kerromme sinulle mitä odottaa.

Yhteydenotossa on hyötyä, jos kerrot:

  • Sivun tai URL-osoitteen, jossa kohtasit ongelman
  • Mitä yritit tehdä
  • Käyttämäsi selaimen ja apuvälineen (jos tiedät)

Valvonta ja valitukset

Jos et ole tyytyväinen vastaukseemme, voit tehdä valituksen Etelä-Suomen aluehallintovirastolle, joka valvoo digitaalisen saavutettavuuden vaatimusten toteutumista Suomessa.

Tämän selosteen valmistelu

Tämä seloste on viimeksi tarkistettu ja päivitetty 7. toukokuuta 2026. Se on laadittu itsearvioinnilla, jota tukevat automaattinen testaus (Lighthouse, axe-core) ja uuden Shopify-teeman manuaalinen testaus. Tarkistamme sen vähintään vuosittain ja jokaisen merkittävän sivustomuutoksen jälkeen.