Laurean käyttäjähallinnan loppukäyttäjäportaalin saavutettavuusseloste

Tämän saavutettavuusselosteen huomiot perustuvat kolmannen osapuolen tekemään arviointiin siitä, täyttääkö verkkopalvelu laissa määritellyt vaatimukset.  

Miten saavutettava käyttäjähallinnan loppukäyttäjän portaali on?

Laurean käyttäjähallinnan loppukäyttäjäportaalin saavutettavuus arvioitiin syys-lokakuussa 2023. Verkkopalvelu täytti kaikki WCAG 2.2-versioon lisätyt uudet A- ja AA-tason kriteerit.

Verkkopalvelussa oli kuitenkin paljon merkittäviä saavutettavuusongelmia, joiden seurauksena palvelun saavutettavuus oli kokonaisuutena melko heikolla tasolla.

Suurimpia ongelmia olivat seuraavat: 

• Useista navigointitavoista huolimatta halutun sisällön löytää usein vain yhtä reittiä pitkin.
• Sivustolla on paljon virheellisiä kielimerkintöjä, mikä vaikuttaa erityisesti ruudunlukijan käyttäjiin.
• Navigaatiossa on monia merkittäviä ongelmia. Navigaatio ei mukaudu kunnolla mobiilinäytölle ja suurennoksille. Näkevä näppäimistökäyttäjä ei saa navigaation ikonien nimilappuja näkyviin, ja osassa alavalikoista valikkokohteet ovat saavuttamattomia pelkällä näppäimistöllä. Lisäksi osa navigaation valikkokohteiden ja linkkien nimistä on epäkuvaavia tai liian yleisluonteisia. Navigaation toiminnassa on epäloogisuuksia myös ruudunlukijan käyttäjille.
• Monilta elementeiltä puuttuu kokonaan näkyvä näppäimistökohdistuksen indikaattori, ja paikoin näppäimistökohdistus erottuu liian heikosti.
• Sivustolla on toistuvia puutteita värikontrasteissa.
• Joiltakin käyttöliittymäkomponenteilta puuttuu saavutettava nimi, rooli ja/tai arvo, tai apuvälineet tulkitsevat roolin virheellisesti. Asianmukaisen elementtimerkinnän puuttuminen aiheuttaa myös käytön esteitä näkeville näppäimistökäyttäjille.
• Sivustolla on paljon toiminnallisia taulukoita, jotka ovat erittäin epäselviä ruudunlukijan käyttäjille. Lisäksi taulukoissa on käytön esteitä näkeville näppäimistökäyttäjille. 
• Käyttäjä joutuu joissakin tilanteissa uuteen odottamattomaan kontekstiin ilman varoitusta, ja kohdistusjärjestys on paikoin epälooginen.

Saavutettavuuspuutteita on kuvattu tarkemmin alempana.

Huomasitko puutteita saavutettavuudessa?

Pyrimme jatkuvasti parantamaan verkkopalvelun saavutettavuutta. Jos löydät ongelmia, joita ei ole kuvattu tällä sivulla, ilmoita niistä meille ja teemme parhaamme puutteiden korjaamiseksi. Vastaamme 14 päivän kuluessa.  

Voit ottaa yhteyttä Laurean saavutettavuus-sivun verkkolomakkeella 
tai sähköpostitse verkkopalvelut@laurea.fi

Sisällöt tai toiminnot, jotka eivät vielä ole saavutettavia

• Verkkopalvelun navigointityökalut ja painikkeet eivät ole yhdenmukaisia, mikä vaikeuttaa käyttäjien liikkumista sivustolla. Lisäksi tukimekanismien sijoittaminen eri paikkoihin eri sivuilla hankaloittaa niiden löytämistä. (WCAG 1.3.1, WCAG 2.4.5)
• Navigointitavat eivät löydä johdonmukaisesti samaa sisältöä, ja sivuston haku ei ole kattava. Lisäksi etusivun linkkejä ei löydy päänavigaatiosta, joten käyttäjä pystyy löytämään sisältöä vain yhtä reittiä pitkin. (WCAG 1.3.1, WCAG 2.4.5)
• Sivustolla on Pääsisältöön hyppäävä linkki, jolla on myös pikanäppäinkomento alt+1. Linkki hyppää käyttöportaalin käyttöehtojen hyväksymisen sivulla yhden otsikon yli.  (WCAG 1.3.1, WCAG 2.4.5)
• Maamerkkejä on käytetty epäjärjestelmällisesti, mikä hankaloittaa ruudunlukijalla käyttöä. Haku ja pääsisältö on merkitty maamerkeillä, mutta muita osia ei ole. Tilauksien taulukoissa tuloksista ilmoittava rivi on merkitty navigaatioksi. (WCAG 1.3.1, WCAG 2.4.5)
• Useilta sivuilta puuttuu kuvaava otsikko. (WCAG 2.4.2)
• Kirjautumissivulla ei ole merkitty kieliasetusta. (WCAG 3.1.1, WCAG 3.1.2)
• 320px leveällä näytöllä navigaatio muuttuu vaikeaksi havaita, koska ikoni menee Laurea-kuvakkeen päälle. (WCAG 1.4.10)
• Kirjautumissivulla olevilla kirjautumisvaihtoehtopainikkeilla ei ole merkintää kohdistamiselle, joten näppäimistökäyttäjä ei tiedä, mitä painiketta on painamassa. (WCAG 2.4.7, WCAG 1.4.11)
• Sivustolla on yleisesti kontrastiongelmia värivalintojen suhteen. (WCAG 1.4.3, WCAG 1.4.11)
• Linkki Laurean etusivulle on nimetty hämmentävästi. (WCAG 1.3.1, WCAG 2.1.1, WCAG 2.4.6, WCAG 2.5.3, WCAG 4.1.2)
• Osa nimilapuista ovat geneerisiä ja eivät välttämättä kuvaa sisältöä aivan täydellisesti. (WCAG 2.5.3)
• Osassa navigointiriveistä ei ole mahdollista valita elementtejä alavalikosta näppäimistöllä. (WCAG 2.1.1)
• Ikonien nimilaput eivät ole saavutettavat näppäimistöllä. (WCAG 2.5.3)
• Aloitussivulle vievällä linkillä ei ole ruudunlukijalle saavutettavaa nimeä. (WCAG 1.3.1, WCAG 2.1.1, WCAG 2.4.6, WCAG 2.5.3, WCAG 4.1.2)
• Navigaation ylempi ja alempi osa toimivat eri tavoilla. Alemmassa osassa sivunuolilla valitaan alavalikon painike. Ylemmässä osassa painike valitaan sarkaimella. (WCAG 1.3.1, WCAG 2.1.1, WCAG 2.4.6, WCAG 2.5.3, WCAG 4.1.2)
• Osa valikoista on nimetty hämmentävän samalla tavalla vaikka toteuttavat eri asioita. (WCAG 2.5.3, WCAG 4.1.2)
• Kirjautumissivulla on otsikot ”Tervetuloa” ja ”Kirjautuminen käyttäen palveluntarjoajaa”, jotka ovat visuaalisesti otsikoita, mutta niitä ei ole merkitty otsikoksi HTML heading-tagilla. (WCAG 1.3.1, WCAG 2.4.6)
• Käyttöportaalin käyttäjäehtojen hyväksymissivulla otsikointi on epäloogista. (WCAG 1.3.1, WCAG 2.4.6)
• Käyttöehtojen hyväksymissivulla on taulukko, jossa sisällä olevat väliotsikot voivat hankaloittaa taulukon käyttämistä ruudunlukijalla.  (WCAG 2.4.6)
• Aseta uusi salasana -sivulla on lista erikoismerkkejä, joiden lukeminen ruudunlukijalla voi olla turhauttavaa. Käyttäjä joutuu kuuntelemaan listan erikoismerkeistä, ennen kuin saa tiedon niiden olevan vapaaehtoisia. (WCAG 1.3.1)
• Tilaussivun hakukentässä "Tuotteen tai tagin nimi" -teksti on merkitty placeholderiksi, joten se katoaa, kun kirjoittaa hakusanan. Olennaista tietoa (esim. tässä: mitä tällä voi hakea) ei saisi olla vain placeholderissa. (WCAG 1.3.1, WCAG 3.3.2, WCAG 4.1.3)
• Useilla sivuilla linkkien sisään on lisätty otsikko ja kuvausteksti. Ruudunlukijalla selaustilassa molemmat luetaan linkkeinä. (WCAG 1.3.1)
• Aloitussivulla kirjanmerkit-osion vieressä on painike ”tutustu”. Nimi ei kuvaa painikkeen tarkoitusta kovin hyvin. (WCAG 1.3.1, WCAG 2.4.6, WCAG 4.1.2)
• Tilaus, ostoskori ja peruutussivuilla olevaa tuotteen tiedoista kertovaa laajennuspaneelia ei pysty avaamaan pelkän näppäimistön varassa. (WCAG 2.1.1)
• Tilaus, ostoskori ja peruutussivuilla otsikointi on osittain epäloogista. (WCAG 1.3.1, WCAG 2.4.6)
• Taulukkonäkymissä Näkymän asetukset -alavalikko on kiinni. Kun siihen kohdistaa ruudunlukijalla, alavalikon seliteteksti luetaan englanniksi. Sama seliteteksti näkyy, kun hiiri viedään alavalikkoon, mutta ei näppäimistölle. (WCAG 2.1.1, WCAG 3.1.2)
• Sivustolla ei ole yhdistetty nimilappuja tekstikenttiin, jolloin ruudunlukijan käyttäjä ei välttämättä tiedä, mitä tekstikenttään tulisi kirjoittaa. Ongelma toistuu jokaisessa lomakkeessa sivustolla (WCAG 1.3.1, WCAG 1.3.5, WCAG 3.3.2, WCAG 4.1.2, WCAG 4.1.3)
• Virhe- ja onnistumisilmoitusten sulkemisesta ei ilmoiteta ruudunlukijalle. (WCAG 1.3.1)
• Salasanan asettamisen sivulla virheilmoitukset ovat hankalia ymmärtää. (WCAG 1.3.1)
• Salasanan vahvuudesta tai sen vahvuuden muuttumisesta ei kerrota ruudunlukijalle. (WCAG 1.3.1)
• Sivu-nimilappua ei ole yhdistetty tekstikenttään, eli sitä ei lueta kenttään kohdistettaessa. (WCAG 1.3.1)
• Henkilökunnan tilausprosessissa osa painikkeista ja selitteistä ovat englanniksi (WCAG 1.3.1)
• Kun käyttäjä valitsee Uusi ulkoinen käyttäjä -sivulla Esihenkilö-tekstikentän Muuta-painikkeen takaa toisen henkilön, ruudunlukijalla ei saa tietoa siitä, että uuden henkilön asettaminen kenttään onnistui ja että modaali on sulkeutunut. (WCAG 1.3.1)
• Uusi ulkoinen käyttäjä -sivulla Kustannuspaikka ja Sijaintitiedot -painikkeiden takaa avautuva näkymä on merkitty puunäkymäksi, vaikka visuaalisesti kyseessä on lista. (WCAG 1.3.1)
• Uusi ulkoinen käyttäjä -sivulla olevien modaalien valintoja ei voi poistaa. Poista valinta -painike on näkyvissä vain, kun kenttään ei ole valittuna mitään. (WCAG 3.3.2)
• Uusi ulkoinen käyttäjä -sivulla olevassa ”Aloituspäivä” kentässä päivämäärä on merkitty ”d.M.yyyy”, vaikka sivusto on suomenkielinen. Lisäksi kentän avusteteksti sisältää englantia ja suomea sekaisin. (WCAG 1.3.1)
• Uusi ulkoinen käyttäjä- sivulla ei kerrota, mitkä kentistä ovat pakollisia ja mitkä eivät. (WCAG 1.3.1)
• Uusi ulkoinen käyttäjä -sivulla Osasto-kentän virheilmoitusta ei ole yhdistetty oikein. Kentän virheilmoitus näytetään kyllä, mutta koska kenttä ei ole fokusoitava elementti, virheilmoitusta ei lueta ruudunlukijan käyttäjälle. (WCAG 1.3.1)
• Uusi sähköpostilaatikko -sivulla ”Email address” -kenttään kohdistaessa ruudunlukijakäyttäjä ei tiedä, että loppuun liitetään automaattisesti sähköpostin loppuosa ”@laurea.fi”. Kenttä on lisäksi englanniksi. (WCAG 1.3.1)
• Uusi sähköpostilaatikko -sivulla virheilmoituksia ei esitetä lomakkeen kenttien yhteydessä. Virheilmoitus on englanniksi, minkä lisäksi virheessä ilmoitetut kenttien nimet eivät vastaa lomakkeen kenttien nimiä. (WCAG 1.3.1)
• Sivustolla olevat modaalidialogit eivät ole suljettuja eli modaalidialogista voi siirtyä alla olevalle ,sivulle. Modaalit ovat suljettuja näppäimistöllä sarkaimella liikkuessa, mutta ruudunlukijalla nuolilla liikkuessa modaalista voi karata alla olevalle sivulle. (WCAG 1.3.2, WCAG 2.4.3)
• Ruudunlukijan fokus ei pysy opiskelijan tilauksen lisätietomodaalissa nuolinäppäimillä. (WCAG 1.3.2, WCAG 2.4.3)
• Tilausprosessiin kuuluvissa toiminnallisissa taulukoissa on paljon saavutettavuusongelmia, kuten osa taulukon sarakkeista sekä painikkeista ovat samannimisiä, jostain taulukoista puuttuu kuvaava nimi ja rooli, rivien onnistuneesta valitsemisesta ei ilmoiteta ruudunlukijalle, sekä taulukon sarakkeiden välissä on outoja napsautettavia tyhjiä tiloja. (WCAG 1.3.1, WCAG 2.1.1, WCAG 2.4.3, WCAG 2.1.2, WCAG 4.1.3)
• Taulukon rivejä ei ole mahdollista valita näppäimistöllä, jos rivillä ei ole interaktiivista elementtiä (esimerkiksi Ostoskorissa ja Tilaushistoriassa). Käyttäjä ei voi siis muuttaa tai tarkastella kuin ensimmäisenä listassa olevan tuotteen tietoja. (WCAG 2.1.1)
• Tilaus-sivulla näppäimistöllä sarkainjärjestys (tabbing order) ei ole looginen. (WCAG 2.4.3)
• Käyttöoikeustilauksen tekeminen on prosessi, jossa näkymä vaihtuu, mutta sivun pääotsikko ja sivuotsikko (title) pysyvät samoina. Ruudunlukijan käyttäjän on tästä syystä vaikea tietää, missä prosessin vaiheessa ollaan menossa. (WCAG 2.4.3, WCAG 3.2.1, WCAG 4.1.3)
• Ruudunlukijalle ei ilmoiteta onnistumisesta, jos käyttäjä merkitsee sivun kirjanmerkiksi, eikä linkin uutta tekstiä ”Remove bookmark” lueta ääneen. (WCAG 4.1.3)
• Virheellisen tilauksen lähettäminen tilaushistoriasta siirtyy suoraan ostoskorini-sivulle ilman ilmoitusta. (WCAG 4.1.3)
• Tilausnäkymässä painikkeilla sivua vaihtaessa ruudunlukijalle ei kerrota, että sivu on vaihdettu. (WCAG 4.1.3)

Miten olemme testanneet saavutettavuutta?

Tämän saavutettavuusselosteen huomiot perustuvat kolmannen osapuolen tekemään arviointiin siitä, täyttääkö käyttäjähallinnan loppukäyttäjäportaali laissa määritellyt vaatimukset. 
Arviointi toteutettu: 24.10.2023

Saavutettavuuden valvonta

Liikenne- ja viestintävirasto Traficom valvoo saavutettavuusvaatimusten toteutumista. Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan kahden viikon aikana, voit antaa palautteen Liikenne- ja viestintävirastolle. Liikenne- ja viestintävirasto Traficomin sivulla kerrotaan tarkasti, miten valituksen 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

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

Portaali on julkaistu: 30.03.2022
Tämä seloste on laadittu 30.10.2023
Selostetta on päivitetty viimeksi 30.10.2023