Kirjaudu sisään
Tämä saavutettavuusseloste koskee silmaasema.fi-sivustoa, ja se on laadittu 17.6.2025. Sivuston saavutettavuuden on arvioinut ulkopuolinen asiantuntijaorganisaatio.
Verkkosivusto ei täytä saavutettavuusvaatimuksia.
Verkkosivusto ei ole vielä kaikilta osin vaatimusten mukainen.
Etusivulla oleva video käynnistyy automaattisesti eikä käyttäjällä ole mahdollisuutta pysäyttää, keskeyttää tai piilottaa sitä. Tämä voi vaikeuttaa sivuston käyttöä erityisesti käyttäjille, joilla on keskittymisvaikeuksia, lukihäiriö tai muita kognitiivisia rajoitteita. Automaattisesti liikkuva sisältö voi myös häiritä ruudunlukijan käyttöä. WCAG-ohjeistuksen mukaan käyttäjän tulisi voida hallita tällaista liikettä, jos se kestää yli 5 sekuntia.
Saavutettavuuskriteerit, jotka eivät täyty:
Sivustolla on useita kohtia, joissa tekstin ja taustan välinen kontrasti ei täytä suositeltua vähimmäistasoa. Tämä voi vaikeuttaa sisällön lukemista erityisesti heikkonäköisille käyttäjille tai niille, jotka käyttävät näyttöjä haastavissa valaistusolosuhteissa. WCAG-ohjeistuksen mukaan normaalikokoisen tekstin ja taustan välinen kontrasti tulisi olla vähintään 4.5:1, jotta teksti on riittävän luettavaa kaikille käyttäjille.
Sivustolla on joitain tekstisisältöjä, joiden taustalla on kuva. Kuvien käyttäminen tekstin taustana voi heikentää kontrastia monella tavalla: kuvan eri kohdat voivat olla eri sävyisiä ja vaihdella tummuudeltaan, jolloin tekstin luettavuus vaihtelee kuvan kohdan mukaan. Teksti saattaa näkyä hyvin tumman kohdan päällä, mutta hävitä vaalean tai kuvioidun alueen päälle. Tällöin tekstin ja taustan välinen tummuuskontrasti ei ole tasainen eikä ennakoitavissa, mikä tekee lukemisesta vaikeaa erityisesti heikkonäköisille tai kognitiivisesti kuormittuville käyttäjille.
Etusivulla sekä monilla muilla alasivuilla otsikoita ei ole merkitty ohjelmallisesti otsikoiksi (esimerkiksi HTML:n otsikkotunnisteilla kuten <h1>, <h2> jne.). Tämän seurauksena ruudunlukijat eivät tunnista niitä otsikoiksi, mikä vaikeuttaa sivuston rakenteen hahmottamista ja sisällön selaamista avustavilla teknologioilla. WCAG-ohjeistuksen mukaan sivuston rakenteellisten elementtien, kuten otsikoiden, tulisi olla ohjelmallisesti tunnistettavia.
Sivustolla on useita kuvia, joilla ei ole lainkaan tekstivastinetta tai joilla on puutteellinen tai epäinformatiivinen tekstivastine (alt-teksti). Tämä estää näkörajoitteisia käyttäjiä saamasta tietoa kuvien sisällöstä, mikä heikentää sivuston saavutettavuutta. WCAG-ohjeistuksen mukaan ei-tekstuaalisella sisällöllä tulee olla tarkoituksenmukainen ja kuvaileva tekstivastine.
Etusivulla, ostoskorissa ja monilla alasivuilla on useita kohtia, joissa näppäimistökohdistin (fokuksen osoitin) ei näy riittävän selkeästi tai puuttuu kokonaan. Tämä vaikeuttaa näppäimistön avulla navigoivien käyttäjien mahdollisuutta hahmottaa, missä kohden käyttöliittymää he kulloinkin ovat. WCAG-ohjeistuksen mukaan näppäimistökohdistimen tulisi olla visuaalisesti havaittavissa kaikissa kohdissa, joihin käyttäjä voi siirtyä näppäimistöllä.
Etusivun Varaa aika -osion haitarivalikossa ei ole ohjelmallisesti tai tekstimuotoisesti ilmaistu, onko valikko avoinna vai suljettuna. Tämä aiheuttaa sen, että ruudunlukuohjelmaa käyttävä ei saa tietoa valikon tilasta, mikä vaikeuttaa navigointia ja käyttöliittymän ymmärtämistä. Sama puute esiintyy myös muilla alasivuilla. WCAG-ohjeistuksen mukaan jokaisen käyttöliittymäkomponentin saavutettavan nimen, roolin ja tilan tulee olla ohjelmallisesti tunnistettavissa ja niiden muutoksista on ilmoitettava avustaville teknologioille.
Sivustolla on useita käyttöliittymäelementtejä, joiden roolit on määritelty virheellisesti tai jätetty kokonaan määrittelemättä. Esimerkiksi joitakin linkkejä on merkitty painikkeiksi ja joitakin painikkeita linkeiksi. Tämä aiheuttaa sekaannusta erityisesti ruudunlukuohjelmaa käyttäville, koska elementtien toiminnallisuus ei vastaa sitä, mitä ohjelmallisesti ilmoitetaan. WCAG-ohjeistuksen mukaan kaikkien käyttöliittymäkomponenttien tulee olla ohjelmallisesti tunnistettavia ja niiden roolien vastattava elementin todellista käyttötarkoitusta.
Sivustolla on useita kohtia, joissa osa sisällöstä, joka loogisesti kuuluu tietyn otsikon alle, on HTML-rakenteessa sijoitettu ennen kyseistä otsikkoa. Tällöin erityisesti ruudunlukijaa käyttävät saavat sisällön väärässä järjestyksessä, mikä voi johtaa väärinymmärryksiin tai sisällön merkityksen katoamiseen. Lisäksi osa sisällöstä voi jäädä kokonaan huomaamatta, jos käyttäjä selaa sivua pelkästään otsikoiden avulla.
Tämä voi aiheuttaa käytännön ongelmia esimerkiksi silloin, kun käyttäjä selaa hakutuloksia, käy läpi tuotelistoja tai lukee ajankohtaisia artikkeleita. Jos otsikko esitetään vasta itse sisällön jälkeen, käyttäjä ei tiedä, mihin kokonaisuuteen sisältö kuuluu tai mitä se koskee. Tällainen rakenne tekee sivun hahmottamisesta ja käytöstä epäselvää erityisesti ruudunlukijaa käyttävien kannalta. WCAG-ohjeistuksen mukaan sisällöt tulisi esittää ohjelmallisesti loogisessa ja merkityksellisessä järjestyksessä, jotta ne ovat ymmärrettäviä kaikille käyttäjille.
Etusivulla on painikkeita, kuten nuolipainikkeita ja Lisää toivelistalle -painikkeita, joille ei ole määritelty saavutettavaa nimeä eli ohjelmallista tekstivastinetta. Tämän vuoksi ruudunlukijat eivät pysty kertomaan käyttäjälle painikkeiden tarkoitusta tai toiminnallisuutta. WCAG-ohjeistuksen mukaan kaikki ei-tekstuaaliset käyttöliittymäelementit, kuten kuvakkeet, tulee varustaa kuvailevalla tekstivastineella, ja elementeillä on oltava ohjelmallisesti tunnistettavat nimet.
Etusivun Kuukauden brändi -osiossa on nuolipainikkeita, joiden avulla voi selata sisältöä eteenpäin tai taaksepäin. Näille painikkeille ei ole määritelty saavutettavaa nimeä eli ohjelmallista tekstivastinetta. Tämän vuoksi ruudunlukijat eivät pysty kertomaan käyttäjälle painikkeiden tarkoitusta tai toiminnallisuutta. WCAG-ohjeistuksen mukaan kaikki ei-tekstuaaliset käyttöliittymäelementit, kuten kuvakkeet, tulee varustaa kuvailevalla tekstivastineella, ja elementeillä on oltava ohjelmallisesti tunnistettavat nimet.
Nuolipainikkeiden ja taustan välinen tummuuskontrasti on liian heikko. Tämä voi vaikeuttaa painikkeiden havaitsemista erityisesti heikkonäköisille käyttäjille tai tilanteissa, joissa näyttöolosuhteet ovat haastavat. WCAG-ohjeistuksen mukaan interaktiivisten ei-tekstuaalisten käyttöliittymäelementtien, kuten kuvakkeiden, kontrastisuhteen tulisi olla vähintään 3:1 suhteessa taustaan, jotta ne erottuvat riittävästi
Etusivun Tietoa silmistä -osiossa on useita kuvia, jotka toimivat linkkeinä, mutta kaikilla näillä linkeillä on sama saavutettava nimi. Tämä estää käyttäjää ymmärtämästä linkkien yksilöllistä tarkoitusta erityisesti silloin, kun sivua selaa ruudunlukijalla tai linkkilistauksella. WCAG-ohjeistuksen mukaan linkin tarkoituksen tulisi käydä selvästi ilmi sen tekstistä tai saavutettavasta nimestä, ja ohjelmallisesti määriteltyjen nimien tulee vastata linkin toiminnallisuutta.
Etusivulla oleva liukusäädin, jolla voi valita oman iän, ei ole riittävän saavutettava ruudunlukuohjelmaa käyttäville. Säätimellä ei ole selkeästi määriteltyä saavutettavaa nimeä, josta kävisi ilmi, mihin tarkoitukseen se on tarkoitettu. Lisäksi valittua arvoa (ikä) ei lueta automaattisesti, kun säätimen arvoa muutetaan. Tämä vaikeuttaa säätimen käyttöä ja estää ruudunlukijaa käyttävää käyttäjää saamasta palautetta tekemistään valinnoista. WCAG-ohjeistuksen mukaan käyttöliittymäelementeillä tulee olla ohjelmallisesti tunnistettava nimi ja rooli, ja niiden tilamuutokset on ilmoitettava avustaville teknologioille.
Sivuston evästeilmoitus ei ole toteutettu siten, että näppäimistökohdistus rajautuisi ilmoitukseen sen ollessa näkyvissä. Tällä hetkellä näppäimistöllä navigoiva käyttäjä voi siirtyä kohteisiin, jotka jäävät evästeilmoituksen alle, eikä kohdistin ole silloin visuaalisesti havaittavissa. Tämä rikkoo WCAG:n vaatimusta siitä, että näppäimistökohdistimen tulisi aina olla näkyvissä eikä se saa peittyä muiden elementtien alle. Lisäksi kohdistuksen tulisi olla lukittuna evästeilmoitukseen, kunnes käyttäjä reagoi siihen esimerkiksi hyväksymällä evästeet tai sulkemalla ilmoituksen.
Sivuston yläreunassa olevien linkkien Toimipaikat, Asiakaspalvelu ja Kirjaudu sisään saavutettavat nimet eivät vastaa visuaalisesti näytettyä linkkitekstiä. Toimipaikat- ja Asiakaspalvelu-linkkien saavutettavat nimet ovat englanniksi, vaikka näkyvä teksti on suomeksi. Kirjaudu sisään -linkin saavutettavaksi nimeksi on määritetty Kirjaudu tililleni. Tämä ristiriita vaikeuttaa erityisesti puheohjausta käyttävien ja ruudunlukuohjelmalla sivustoa selaavien henkilöiden toimintaa, koska saavutettava nimi ei vastaa käyttäjän näkemää tai sanallisesti lausumaa tekstiä. WCAG-ohjeistuksen mukaan ohjelmallisen nimen tulisi sisältää tai vastata näkyvää tekstisisältöä, jotta käyttö on johdonmukaista ja ennustettavaa.
Ostoskoria ei ole toteutettu siten, että näppäimistökohdistus rajautuisi ostoskoriin sen ollessa auki. Tällä hetkellä näppäimistöllä navigoiva käyttäjä voi siirtyä kohteisiin, jotka jäävät ostoskorin alle, eikä kohdistin ole silloin visuaalisesti havaittavissa. Tämä rikkoo WCAG:n vaatimusta siitä, että näppäimistökohdistimen tulisi aina olla näkyvissä eikä se saa peittyä muiden elementtien alle. Lisäksi kohdistuksen tulisi olla lukittuna ostoskoriin, kunnes käyttäjä reagoi siihen esimerkiksi sulkemalla ostoskorin tai painamalla linkkiä Siirry Ostoskoriin.
Ostoskorin sulkemispainikkeen saavutettava nimi on kirjoitettu englanniksi, vaikka sivuston muu sisältö on suomeksi. Lisäksi painikkeen kieltä ei ole määritelty ohjelmallisesti, mikä voi aiheuttaa sen, että ruudunlukija ääntää nimen väärin. Saavutettavan nimen tulisi olla suomeksi ja sen kieli tulisi määritellä oikein ohjelmallisesti, jotta ruudunlukijat ja muut avustavat teknologiat voivat tulkita sen oikein.
Hakukentällä ei ole erillistä näkyvää nimilappua (label), vaan ainoastaan placeholder-teksti Hae. Tämä ei ole riittävä saavutettavuuden kannalta, koska placeholder-teksti katoaa heti, kun käyttäjä alkaa kirjoittaa, jolloin kentän tarkoitus voi jäädä epäselväksi erityisesti niille, joilla on kognitiivisia haasteita. WCAG-ohjeistuksen mukaan syötekentillä tulee olla selkeä, jatkuvasti näkyvä nimilappu, joka auttaa käyttäjää ymmärtämään kentän tarkoituksen ennen täyttämistä, sen aikana ja sen jälkeen.
Tilaa uutiskirje -osion Syötä sähköpostiosoite -kentällä ei ole erillistä näkyvää nimilappua (label), vaan ainoastaan placeholder-teksti Syötä sähköpostiosoite. Tämä ei ole riittävä saavutettavuuden kannalta, koska placeholder-teksti katoaa heti, kun käyttäjä alkaa kirjoittaa, jolloin kentän tarkoitus voi jäädä epäselväksi erityisesti niille, joilla on kognitiivisia haasteita. WCAG-ohjeistuksen mukaan syötekentillä tulee olla selkeä, jatkuvasti näkyvä nimilappu, joka auttaa käyttäjää ymmärtämään kentän tarkoituksen ennen täyttämistä, sen aikana ja sen jälkeen.
Sivustolla on useita kohtia, joissa syötekentät eivät erotu riittävästi taustastaan. Esimerkiksi “Tilaa uutiskirje”, “Hae asiantuntijaa” ja sisäänkirjautumislomakkeet sisältävät kenttiä, joissa ei ole selkeitä reunaviivoja tai riittävää kontrastia. Tämä vaikeuttaa kenttien havaitsemista erityisesti heikkonäköisille käyttäjille. WCAG:n mukaan käyttöliittymäelementtien tulee erottua taustastaan vähintään 3:1 kontrastisuhteella.
Sivuston alatunnisteessa (footerissa) on kuvia, jotka sisältävät visuaalisesti esitettyä tekstiä ja toimivat linkkeinä. Näiden linkkien saavutettavat nimet eivät kuitenkaan vastaa kuvissa näkyvää tekstiä. Tämä aiheuttaa ristiriitaa erityisesti ruudunlukijaa tai puheohjausta käyttävien käyttäjien kannalta, koska saavutettava nimi ei vastaa sitä, mitä käyttäjä näkee tai lausuu. WCAG-ohjeistuksen mukaan saavutettavan nimen tulisi sisältää tai vastata visuaalisesti esitettyä tekstiä, jotta käyttöliittymäelementti on ymmärrettävä ja käytettävissä yhdenmukaisesti eri käyttäjille.
Hallitse evästeasetuksia -ikkunassa ei ole selkeästi näkyvää näppäimistökohdistinta. Tämän seurauksena käyttäjä ei näe, missä kohden käyttöliittymää hän on näppäimistöllä navigoidessaan, mikä tekee evästeasetusten muuttamisen pelkällä näppäimistöllä käytännössä mahdottomaksi. WCAG-ohjeistuksen mukaan näppäimistökohdistimen on oltava aina visuaalisesti havaittavissa.
Työpöytänäkymässä hakuikkunassa näkyviä hakutuloksia ei voi selata ruudunlukuohjelmalla.
Lisäksi yksittäisten hakutulosten selaaminen näppäimistöllä on käytännössä mahdotonta, koska niillä ei ole näkyvää näppäimistökohdistinta. Tämä vaikeuttaa huomattavasti sekä ruudunlukijaa että näppäimistönavigointia käyttäviä henkilöitä. WCAG-ohjeistuksen mukaan kaikkien käyttöliittymäelementtien roolien ja sisältöjen on oltava ohjelmallisesti tunnistettavia, ja näppäimistökohdistimen tulee olla aina visuaalisesti havaittavissa.
Hakutulossivulla näkyy visuaalisesti, kuinka monta hakutulosta on löytynyt, mutta ruudunlukijaa käyttävä käyttäjä ei saa tätä tietoa automaattisesti. Jos käyttäjä esimerkiksi suodattaa tai muuttaa hakuaan, tulosten määrä voi muuttua, mutta tästä ei ilmoiteta hänelle millään tavalla. Tämä voi johtaa siihen, että käyttäjä ei tiedä, onko hänen tekemänsä valinta vaikuttanut tuloksiin ollenkaan tai kuinka monta tulosta on nyt näkyvissä.
Hakutulossivulla ja tuotteita selatessa käyttäjä voi suodattaa hakutuloksia esimerkiksi valitsemalla tuotemerkkejä valintaruutujen avulla. Ruudunlukijaa käyttävä ei kuitenkaan saa tietoa siitä, onko jokin valintaruutu valittu vai ei. Tämä johtuu siitä, että valintaruutujen tilaa (valittu / ei valittu) ei ole ohjelmallisesti ilmoitettu. Tämän seurauksena ruudunlukijaa käyttävä ei voi tietää, mitä tuotemerkkejä on valittu, eikä voi tehokkaasti suodattaa hakutuloksia. WCAG-ohjeistuksen mukaan valintojen tila ja rakenne on esitettävä siten, että ne ovat ymmärrettävissä myös avustavien teknologioiden kautta.
Sivustolla on mahdollista suodattaa tuotteita tuotemerkkien perusteella valintaruutujen avulla. Kun näppäimistökäyttäjä valitsee valintaruudun, näppäimistökohdistus siirtyy automaattisesti takaisin sivun alkuun. Tämän seurauksena käyttäjän on selattava koko sivu uudelleen päästäkseen takaisin suodatusvalikkoon. Tämä tekee sivuston käyttämisestä näppäimistöllä vaivalloista ja turhauttavaa. WCAG-ohjeistuksen mukaan kohdistuksen tulisi edetä loogisessa ja ennakoitavassa järjestyksessä, jotta sivustoa voi käyttää tehokkaasti ilman hiirtä.
Sivuston hampurilaisvalikolle (valikko, joka avaa sivuston päävalikon esimerkiksi mobiilinäkymässä) on annettu saavutettava nimi englanniksi, vaikka sivusto on muuten suomenkielinen. Tämä voi johtaa siihen, että ruudunlukija lausuu valikon nimen väärin tai se ei ole ymmärrettävä käyttäjälle. WCAG-ohjeistuksen mukaan käyttöliittymäelementtien saavutettavien nimien tulee olla ymmärrettäviä ja yhdenmukaisia muun sivuston kielen kanssa.
Tuotesivun murupolulle (sivun yläosassa oleva navigointiketju, esim. Tuotteet > Silmälasit > Naisten silmälasit) on määritelty saavutettava nimi englanniksi, vaikka sivuston kieli on muuten suomi. Tämä voi aiheuttaa sen, että ruudunlukijat lausuvat murupolun nimen väärin tai käyttäjät eivät ymmärrä sen tarkoitusta. WCAG-ohjeistuksen mukaan käyttöliittymäelementeille annettujen saavutettavien nimien tulisi olla johdonmukaisia sivuston yleisen kielen kanssa, jotta ne ovat ymmärrettäviä kaikille käyttäjille.
Tuotesivulla murupolun kohdassa Kertakäyttöpiilolinssit on käytetty attribuuttia aria-current="page", vaikka kyseinen sivu ei ole parhaillaan avoinna. Tämä antaa ruudunlukijaa käyttävälle väärän vaikutelman siitä, mikä sivu on aktiivinen. WCAG-ohjeistuksen mukaan sivun rakenne ja tilatiedot tulee esittää ohjelmallisesti oikein, jotta avustavat teknologiat voivat välittää käyttäjälle oikeaa tietoa sivun kontekstista ja sijainnista.
Sivustolla on joitakin kuvia, jotka sisältävät tekstiä. Tämä voi vaikeuttaa sisällön saavutettavuutta, koska kuvan sisällä olevaa tekstiä ei voi suurentaa, muuttaa fonttia tai väriä käyttäjän tarpeiden mukaan. Lisäksi ruudunlukijat eivät välttämättä tunnista tekstisisältöä oikein, ellei kuvalle ole annettu tarkkaa tekstivastinetta. WCAG-ohjeistuksen mukaan tekstisisällön tulisi olla esitetty oikeana tekstinä aina, kun se on mahdollista, eikä upotettuna kuviin.
Tuotesivulla oleva sosiaalisen median jakolinkki ei ole saavutettava. Linkillä ei ole selkeää saavutettavaa nimeä, eikä sen roolia ole määritelty oikein – esimerkiksi se ei välity ruudunlukijalle linkkinä. Lisäksi linkkiä ei voi käyttää pelkällä näppäimistöllä, mikä estää monia käyttäjiä toimimasta sen kanssa ilman hiirtä. WCAG-ohjeistuksen mukaan kaikkien interaktiivisten elementtien tulee olla saavutettavia niin näppäimistön käyttäjille kuin ruudunlukijaa tai muuta avustavaa teknologiaa käyttäville.
Tuotesivulla tuotekohtaisten valintojen tekeminen on toteutettu HTML-taulukkona, vaikka kyseessä ei ole varsinainen datataulukko. Taulukkorakennetta on käytetty pelkästään visuaalisen ulkoasun luomiseen. Tämä voi hämmentää ruudunlukijaa käyttävää käyttäjää, koska ruudunlukija tulkitsee elementin taulukkona ja saattaa esittää sen rakenteen virheellisesti tai epäselvästi. Lisäksi tällainen käyttö vaikeuttaa sisällön ymmärtämistä, voi heikentää näppäimistökäyttöä ja aiheuttaa ongelmia mobiililaitteilla tai suurennettaessa näkymää. WCAG-ohjeistuksen mukaan sisällön rakenteen tulisi olla ohjelmallisesti looginen ja vastata sen merkitystä, eli taulukoita tulisi käyttää vain taulukkomuotoisen datan esittämiseen.
• 1.3.1 Informaatio ja suhteet A
Tuotesivulla tuotekohtaisten valintojen tekeminen on ruudunlukijalla käytännössä mahdotonta. Valintakentillä ja painikkeilla ei ole selkeitä saavutettavia nimiä, jolloin niiden tarkoitus jää epäselväksi. Lisäksi kun käyttäjä tekee valinnan, ruudunlukija ei ilmoita muutoksesta automaattisesti. Tämä tarkoittaa, ettei käyttäjä saa palautetta siitä, mitä on valinnut tai onko valinta edes rekisteröity. WCAG-ohjeistuksen mukaan valintakentillä tulee olla selkeät nimilaput, niiden tila ja merkitys on oltava ohjelmallisesti tunnistettavissa, ja tilamuutoksista on ilmoitettava avustaville teknologioille.
Tuotesivulla tuotekohtaisten valintojen tekeminen voi vaikuttaa lopulliseen hintaan, mutta uutta hintaa ei lueta automaattisesti ruudunlukijaa käyttävälle. Tämä tarkoittaa, että käyttäjä ei saa tietoa hinnan muutoksesta, ellei hän etsi sitä erikseen sivulta. WCAG-ohjeistuksen mukaan kaikki merkitykselliset tilamuutokset, kuten hinnan päivittyminen käyttäjän valintojen perusteella, tulisi ilmoittaa ohjelmallisesti avustaville teknologioille, jotta käyttäjä pysyy tietoisena tapahtuneista muutoksista.
Lisää ostoskoriin -painike ei kerro ruudunlukijaa käyttävälle käyttäjälle, että sen aktivointi avaa ponnahdusikkunan. Tällöin käyttäjä ei ole tietoinen näkymän muuttumisesta eikä välttämättä huomaa, että uusi sisältö on ilmestynyt ruudulle. WCAG-ohjeistuksen mukaan käyttöliittymäelementin roolin ja vaikutuksen tulisi olla ohjelmallisesti tunnistettavissa, jotta käyttäjä ymmärtää painikkeen toiminnan ja sen mahdollisesti muuttaman näkymän tai tilan.
Sivustolla on useita kohtia, joissa ruudunlukijaa käyttävälle käyttäjälle ei ilmoiteta automaattisesti tapahtuneista sisällön tai tilan muutoksista. Esimerkiksi kun käyttäjä tekee valintoja tai suorittaa toimintoja, jotka vaikuttavat sivun sisältöön, nämä muutokset jäävät usein huomaamatta ilman visuaalista tarkastelua. Tämä voi vaikeuttaa palvelun käyttöä merkittävästi, sillä käyttäjä ei saa tietoa esimerkiksi onnistuneista toiminnoista, virhetilanteista tai päivittyneestä sisällöstä. WCAG-ohjeistuksen mukaan tällaiset tilamuutokset tulee välittää ohjelmallisesti avustaville teknologioille, jotta kaikki käyttäjät pysyvät ajan tasalla siitä, mitä sivulla tapahtuu.
Virtuaalisovituksen modaali-ikkunassa näppäimistökohdistus ei pysy ikkunan sisällä. Käyttäjä voi vahingossa siirtyä näppäimistöllä kohteisiin, jotka jäävät modaali-ikkunan ulkopuolelle, jolloin kohdistus saattaa peittyä tai kadota näkyvistä. Tämä tekee ikkunan käytöstä vaikeaa erityisesti niille, jotka navigoivat sivustoa pelkällä näppäimistöllä. WCAG-ohjeistuksen mukaan näppäimistökohdistuksen tulee pysyä näkyvänä, eikä sen tule peittyä muiden elementtien alle tai siirtyä epäloogisesti näkymän ulkopuolelle.
Sovitusnäkymässä on useita saavutettavuuspuutteita, jotka vaikeuttavat erityisesti ruudunlukijaa ja näppäimistöä käyttävien käyttäjien toimintaa. Sulje-painikkeella ja nuolipainikkeilla ei ole saavutettavaa nimeä, joten ruudunlukija ei tunnista niiden tarkoitusta. Lisäksi Sulje-painikkeella ei ole näkyvää näppäimistökohdistusta, minkä vuoksi näppäimistökäyttäjä ei voi poistua sovitusnäkymästä. Tämä voi estää käyttäjän etenemisen sivustolla kokonaan. WCAG-ohjeistuksen mukaan interaktiivisten elementtien tulee olla saavutettavia, niillä on oltava selkeät nimet, ne on voitava tavoittaa näppäimistöllä, eikä kohdistus saa kadota näkyvistä tai jäädä ansaan.
Välisumman tekstin ja taustan välinen kontrasti on riittämätön, koska hinta esitetään oranssilla värillä vaaleaa taustaa vasten. Tämä heikentää luettavuutta erityisesti heikkonäköisille käyttäjille (WCAG 1.4.3).
“Lisää” ja “Vähennä” -painikkeilla ei ole saavutettavaa nimeä, joten ruudunlukijat eivät pysty kertomaan, mitä painikkeet tekevät (WCAG 4.1.2).
Tuotteiden määrää näyttävässä kentässä ei ole saavutettavaa nimilappua, joten kaikki käyttäjät eivät tiedä, mitä kenttä tarkoittaa (WCAG 3.3.2).
Välisummassa näkyy sekä alkuperäinen hinta (yliviivattuna) että alennettu hinta, mutta käyttäjälle ei selitetä tekstissä tai ohjelmallisesti, mitä nämä hinnat tarkoittavat. Tämä voi aiheuttaa epäselvyyttä ruudunlukijaa käyttävälle käyttäjälle, joka ei näe yliviivausta tai visuaalista eroa (WCAG 1.3.1).
Ostoskorissa on useita sisältöjä, jotka päivittyvät automaattisesti käyttäjän tekemien valintojen perusteella . Näistä muutoksista ei kuitenkaan ilmoiteta ruudunlukijaa käyttävälle automaattisesti. Tämä tarkoittaa, että kaikki käyttäjät eivät saa tietoa tapahtuneista muutoksista (WCAG 4.1.3).
Maksutavat-osion logoilla (Klarna, Visa jne.) ei ole saavutettavaa nimeä.
Postinumeron syötekenttään liittyvä nimilappu ei ole yhdistetty kenttään ohjelmallisesti.
Toimitusvaihtoehtoja ja oikeanpuoleisen palstan sisältöä ei ole merkitty otsikoiksi.
Alkuperäistä (yliviivattua) ja nykyistä hintaa ei selitetä tekstinä tai ohjelmallisesti.
Tuotteiden järjestys HTML-rakenteessa on epälooginen (esim. kuvat ennen otsikoita).
Postinumeron syötekentältä puuttuu autocomplete-attribuutti.
Hae-painikkeen hover-tilassa sekä muissa tekstielementeissä (esim. oranssi/harmaa teksti valkoisella taustalla) ei ole riittävää kontrastia.
Useilla elementeillä on väärä ohjelmallisesti merkattu rooli: esimerkiksi alasvetovalikko näkyy ruudunlukijalle tekstikenttänä.
“Lisätietoa valitusta toimittajasta” -haitarivalikko on merkitty linkkinä eikä kerro tilaansa (auki/suljettu).
Kehyksiä ja alueita on nimetty epäselvästi (esimerkiksi ”Klarna Checkout”, ”Checkout information”).
“Yhteystietosi”-osion kehys on nimetty epäinformatiivisesti.
Virheilmoituksia ei lueta automaattisesti ruudunlukijalla, jos lomakkeen täyttämisessä tapahtuu virhe.
Ajanvarausta ei voi tehdä kokonaan pelkällä näppäimistöllä tai ruudunlukuohjelmalla. Esimerkiksi palvelun valinta ja kalenterin käyttäminen ei onnistu ilman hiirtä tai visuaalista käyttöä.
Painikkeilla (kuten kuukauden valinta ja päivämäärät) ei ole näkyvää näppäimistökohdistusta eikä selkeitä saavutettavia nimiä.
”Optikon näöntutkimus” -otsikkoa ei ole merkitty otsikoksi.
Tarkista tiedot ja vahvista varaus -sivulla ”Miten hinta muodostuu” -haitarivalikon avaamiseen tarkoitettu elementti on merkitty linkkinä, vaikka se toimii painikkeena. Sen saavutettava nimi puuttuu, eikä valikon tilaa (auki/suljettu) ilmoiteta ruudunlukijalle.
Henkilötunnus-kentän yhteydessä olevan infopainikkeen nimi on epäselvä (“info-button”) eikä painiketta voi käyttää näppäimistöllä. Painikkeelle ei ole määritelty alt-tekstiä, eikä se saa kohdistusta näppäimistöllä. Sen toiminnan tulisi vastata hiiren käyttöä ja olla käytettävissä näppäimistöllä.
Lomakekentiltä, joissa kysytään käyttäjän tietoja, puuttuvat autocomplete-attribuutit. Tämä saattaa vaikeuttaa joidenkin lomakekenttien automaattista täyttämistä.
Sähköpostikentän virheilmoitus ”Tarkista sähköpostiosoite” ei anna käyttäjälle riittävän selkeää ohjetta korjaamiseen. Esimerkiksi virheilmoituksessa voisi olla ehdotus, kuten ”Anna kelvollinen sähköpostiosoite, esim. matti.meikalainen@sahkoposti.fi”.
”Lisätietoa henkilötietojen käsittelystä” -linkin yhteydessä oleva ikoni (”Avautuu uudessa välilehdessä”) ei sisällä saavutettavaa nimeä.
”Vahvista varaus” -painikkeesta ei saisi vielä tehdä lopullista varausta, koska tapahtumalla on taloudellisia seuraamuksia. Käyttäjän tulee erikseen vahvistaa, että tiedot on tarkistettu.
”Silmälääkärit ja asiantuntijat” -linkillä ei kerrota ruudunlukijalle, että linkki avautuu uuteen välilehteen.
”Peruuta aika” -painikkeesta avautuvan modaali-ikkunan sulkemispainikkeella on englanninkielinen nimi.
Huomasitko saavutettavuuspuutteen digipalvelussamme? Kerro siitä meille, niin teemme parhaamme puutteen korjaamiseksi. Voit ilmoittaa saavutettavuuspuutteesta osoitteeseen markkinointi@silmaasema.fi.
Jos huomaat sivustolla saavutettavuusongelmia, anna ensin palautetta meille eli sivuston ylläpitäjälle. Vastauksessa voi mennä 14 päivää. Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan kahden viikon aikana, voit tehdä ilmoituksen Liikenne- ja viestintävirasto Traficomiin. Traficomin sivulla kerrotaan tarkasti, miten ilmoituksen voi tehdä ja miten asia käsitellään.
Liikenne- ja viestintävirasto Traficom
Digitaalisen esteettömyyden ja saavutettavuuden valvontayksikkö
www.saavutettavuusvaatimukset.fi
saavutettavuus@traficom.fi
Puhelinnumero (vaihde): 029 534 5000
Käytämme evästeitä parantaaksemme käyttökokemustasi verkkosivuillamme sekä mainonta- ja tilastointitarkoituksiin. Voit koska tahansa muuttaa evästeasetuksiasi. Lue lisää evästeistä täältä .