Saavutettavuusseloste

Tämä saavutettavuusseloste koskee palvelua https://www.sahkoliitto.fi/ ja on laadittu 29.09.2020.

Palvelun saavutettavuuden on arvioinut ulkopuolinen asiantuntijaorganisaatio.

Digipalvelun saavutettavuuden tila

Täyttää saavutettavuusvaatimukset osittain

Ei saavutettava sisältö

 1. Ei kuulu lainsäädännön piiriin

    video- tai äänitallenteita, jotka on julkaistu ennen 23.9.2020

 3. Verkkosivusto ei ole vielä kaikilta osin vaatimusten mukainen

Havaittava: Olennaista informaatiota sisältäville kuville on tarjottu tekstivastine

Saavuttamaton sisältö ja sen puutteet

Tämä puuttuu tai on riittämätön lähes kaikilta kuvilta, poikkeuksena logot ja henkilöiden kuvat.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.1.1 Ei-tekstuaalinen sisältö

Havaittava: Sisällöllisesti epäolennaisille kuville ei ole annettu tyhjää vaihtoehtoista tekstiä tai toteutettu niitä taustakuvina

Saavuttamaton sisältö ja sen puutteet

Kuvia ei ole toteutettu kummallakaan tavalla. Mm. pääkuvilla on vaihtoehtoinen teksti asetettuna, sen tulisi olla tyhjä. Epäolennaiset kuvat voisi määrittää koodissa ohitettaviksi, esim. pääkuva, kirjoittajan kuva.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.1.1 Ei-tekstuaalinen sisältö

Havaittava: Lomakkeiden kenttiä ei ole nimetty oikealla tavalla (label-arvot)

Saavuttamaton sisältö ja sen puutteet

Puutteita liittymislomakkeella osoitteessa https://liity.sahkoliitto.fi/Liittymislomake

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.1.1 Ei-tekstuaalinen sisältö

Havaittava: Muulle ei-tekstimuotoiselle sisällölle ei ole annettu tekstivastinetta

Saavuttamaton sisältö ja sen puutteet

Kaikilla painikkeilla ei ole tekstivastinetta.
Pudotusvalikoille ja täytettäville kentille tulisi antaa tekstivastineet https://liity.sahkoliitto.fi/Liittymislomake-lomakkeessa.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.1.1 Ei-tekstuaalinen sisältö

Havaittava: Verkkosivujen rakenne ja sisältöelementtien keskinäiset suhteet on ilmaistu joko HTML-kielellä tai selväkielisesti.

Saavuttamaton sisältö ja sen puutteet

Kullakin sivulla tulisi olla vain yksi H1-otsikko: nyt joillain sivuilla on useita ja joillain ei ollenkaan. Otsikkotasot eivät aina etene loogisesti. Otsikkotasoa on käytetty valikoissa sekä kirjoittajan nimessä. Sekä Ajankohtaista-listauksen pääotsikko että itse uutiset käyttävät samaa otsikkotasoa H2. Osalla sivuista rakenne hyppää nyt suoraan H1 -> H3 tai jopa H4. Tavattu myös enismmäinen otsikko H2 -> seuraava H1.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.3.1 Informaatio ja suhteet

Havaittava: Sisällöt ovat HTML-koodissa loogisessa ja intuitiivisessa järjestyksessä ja vastaavassa järjestyksessä, jossa silmä näkee ne.

Saavuttamaton sisältö ja sen puutteet

https://liity.sahkoliitto.fi/Liittymislomake :
Nimiin liittyvää koodia on ennen pääotsikkoa, epälooginen koodijärjestys. Maa-valinnat eivät ole numerojärjestyksessä.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.3.2 Merkitykseen vaikuttava järjestys

Havaittava: Lomakekenttien ja muiden vastaavien syötekenttien tarkoitus ja odotetun sisällön tyyppi on määritelty oikein

Saavuttamaton sisältö ja sen puutteet

Puutteita lomakkeella https://liity.sahkoliitto.fi/Liittymislomake

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.3.5 Määrittele syötteen tarkoitus

Havaittava: Informaatiota välitetään muuten kuin pelkkään väriin perustuen.

Saavuttamaton sisältö ja sen puutteet

Footerin linkkien taustalle hoveroidessa tuleva väri ei eroa tarpeeksi footerin taustaväristä.

Puutteita myös liittymislomakkeessa https://liity.sahkoliitto.fi/Liittymislomake

Saavutettavuusvaatimukset jotka eivät täyty

• 1.4.1 Värien käyttö

Havaittava: Tekstin ja taustan välinen kontrasti

Saavuttamaton sisältö ja sen puutteet

Sivuston alasivujen pääkuvan päällä on tekstiä. Tekstin käyttöä kuvien päällä olisi hyvä välttää.

https://liity.sahkoliitto.fi/Liittymislomake
Kontrasti ei ole riittävä linkeissä, ohjeteksteissä tai lähetä-napissa silloin, kun jotain sisältöä puuttuu.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.4.3 Kontrasti (minimi)

Havaittava: Näkymien responsiivisuus

Saavuttamaton sisältö ja sen puutteet

Osiovalikko katoaa mobiilissa ja suurennettaessa sisältöä.

”Pari asiaa liittymisilmoituksesta/perintäsopimuksesta” -väliotsikko ei näy kokonaisuudessaan, kun sisältö on zoomattu 400 %. https://www.sahkoliitto.fi/liity-jaseneksi.

Linkitetty PDF ei ole käytettävissä 400 % ilman sivuttaista scrollausta.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.4.4 Tekstin koon muuttaminen
• 1.4.10 Responsiivisuus

Havaittava: Ei-tekstimuotoisen sisällön kontrasti

Saavuttamaton sisältö ja sen puutteet

Ongelmia täällä: https://liity.sahkoliitto.fi/Liittymislomake

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.4.11 Ei-tekstimuotoisen sisällön kontrasti

Havaittava: Tekstin koon muuttaminen

Saavuttamaton sisältö ja sen puutteet

Kun pelkkää tekstin kokoa suurentaa, Liiton muut palvelut -valikon alasivut menevät otsikon päälle, kaikki valikkokohdat eivät näy, ei voi sulkea valikkoa nuolesta (näkyvää tekstiä klikkaamalla onnistuu).

Suurennettaessa tekstiä 150 % headerin logo menee päävalikon päälle ja pääkuvan päällä oleva bloginosto menee pääotsikon päälle.

Suurennettaessa pelkästään tekstiä 150 %, vasemman puoleisen valikon otsikko menee leipätekstin kanssa päällekkäin. Sama toistuu, mikäli kirjain- ja sanavälistykset on suurennettu ja tekstin koko on 120 %. https://www.sahkoliitto.fi/tyoehtosopimukset. Paikoitellen tiedostojen lisätiedot heittävät asettelussaan muihin verrattuna suurennettaessa.

Toikkonen Marketta sähköpostiosoite rivittyy ulos laatikosta, kun suurennettu teksti 150 % ja tekstin välistys harvennettu, https://www.sahkoliitto.fi/yhteystiedot/henkilot-aakkosjarjestyksessa Osa kuvista menee laatikon ulkopuolelle, kun tekstiä suurennettu 150 %.

Saavutettavuusvaatimukset, jotka eivät täyty

• 1.4.12 Tekstin välitys

Hallittava: Käyttäminen näppäimistöllä

Saavuttamaton sisältö ja sen puutteet

Kun sivustoa on suurennettu 400 %, näppäimistöllä ei pääse navigoimaan etusivun sivustohakukenttään. Sama koskee tilannetta, jossa sivustoa zoomattu 200 % ja käytössä VoiceOver.

Kun sivustoa on suurennettu 400 % ja avaa ja sulkee valikon näppäimistöllä navigoiden, joutuu käymään läpi suljetun valikon linkit ennen kuin pääsee sivun sisältöön. Näppäimistön kohdistus katoaa, koska valikko on kiinni. Sama koskee tilannetta, jossa sivustoa zoomattu 200 % ja käytössä VoiceOver.

Omat lomapaikat -sivulla näppäimistöllä ei pysty avaamaan sivulla olevia kuvia lähemmin tarkasteltaviksi (ruudulle omassa layerissaan).

Liittymislomakkeen alasvetovalikot eivät ole käytettävissä pelkällä näppäimistöllä. Valikon saa auki, mutta sitä ei pysty selaamaan eikä valitsemaan mitään arvoa. Sähköliittoon liittymisen päivämäärä -, Työsuhteen alkamispäivä – ja Jäsenmaksun perintä alkaa -kentissä olevaa kalenteria ei voi käyttää pelkällä näppäimistöllä.

Saavutettavuusvaatimukset, jotka eivät täyty

• 2.1.1 Näppäimistö

Hallittava: Näppäimistön kohdistuksen eteneminen loogisesti

Saavuttamaton sisältö ja sen puutteet

Etusivun Liiton muut palvelut -valikko ei avaudu, kun näppäimistön kohdistus on siinä. Kohdistus etenee loogisessa järjestyksessä valikon linkeissä, mutta kohdistus näkyy vain ikkunan alareunassa URLina. Valikon tulisi avautua ja kohdistuksen näkyä kussakin valikon kohdassa.

Saavutettavuusvaatimukset, jotka eivät täyty

• 2.4.3 Kohdistusjärjestys

Hallittava: Linkkitekstien informatiivisuus

Saavuttamaton sisältö ja sen puutteet

Ladattavien esitteiden linkkitekstit eivät ole riittäviä. Itse linkkitekstissä tulisi kertoa, että kyseessä on linkki, joka avaa ladattavan tiedoston tai kuvan. Tiedostomuoto olisi syytä liittää osaksi linkkitekstiä. Tiedostomuoto ja tiedoston koko on usein kerrottu linkkitekstin perässä suluissa.

Kaikista linkkiteksteistä ei käy ilmi, että ne vievät sivuston ulkopuolelle (esim. Vasama-lehden numerot).

Työehdot-sivulla neljä ensimmäistä sähköpostilinkkiä on tehty niin, että etunimi on linkki, etu- ja sukunimen välissä oleva välilyönti on linkki ja sukunimi on linkki.

Omien lomapaikkojen ”varaa tästä vuodelle 2020” -linkkiteksti ei ole riittävän informatiivinen ruudunlukijaa käyttävälle käyttäjälle.

Saavutettavuusvaatimukset, jotka eivät täyty

• 2.4.4 Linkin tarkoitus (kontekstissa)

Hallittava: Näppäimistö kohdistus ei aina näy

Saavuttamaton sisältö ja sen puutteet

Liiton muut palvelut -valikossa kohdistus ei näy, ei myöskään kielivalikossa.

Edut ja palvelut -sivulla näppäimistön kohdistuksen ollessa sivun päänostossa (Tukenasi työpaikalla) käyttäjä ei näe, missä kohdistus on.

Henkilötietosivulla käyttäjä ei näe, missä näppäimistön kohdistus on, kun se on Kaikki-alasvetovalikossa.

Liittymislomakkeella kun kohdistus on Tietosuojaseloste-, Suomeksi-, På svenska tai In english -linkissä , käyttäjä ei näe, missä näppäimistön kohdistus on.

Saavutettavuusvaatimukset, jotka eivät täyty

• 2.4.7 Näkyvä kohdistus

Hallittava: Osoitineleitä

Saavuttamaton sisältö ja sen puutteet

Omat lomapaikat -sivulla kuvaa voi suurentaa kosketusnäyttölaitteilla kahden sormen nipistyseleellä, kun kuvan on klikannut auki. Toiminto olisi voitava suorittaa myös yhdellä osoittimella ilman monipisteohjauselettä.

Saavutettavuusvaatimukset, jotka eivät täyty

• 2.5.1 Osoitineleet

Ymmärrettävä: Sivun kieli ei käy ohjelmallisesti ilmi

Saavuttamaton sisältö ja sen puutteet

Kieliversiosivut on toteutettu suomenkielisenä sisältönä. Niiden kieli ei käy ohjelmallisesti ilmi.

Liittymislomakkeella <html lang=”en”> kaikissa lomakkeen kieliversioissa. Sivun kieli ei käy ohjelmallisesti ilmi suomen- ja ruotsinkielisellä sivulla.

Saavutettavuusvaatimukset, jotka eivät täyty

• 3.1.1 Sivun kieli

Ymmärrettävä: Elementin sisällön kieli ei käy ohjelmallisesti ilmi

Saavuttamaton sisältö ja sen puutteet

Kieliversiosisällöt on toteutettu suomenkielisenä sisältönä. Sivujen kieliversiosisältöelementtien sisältöjen kieli ei käy ilmi ohjelmallisesti.

Saavutettavuusvaatimukset, jotka eivät täyty

• 3.1.2 Osien kieli

Ymmärrettävä: Virheen tunnistaminen

Saavuttamaton sisältö ja sen puutteet

Liittymislomakkeella virhetilanteessa kohdistus ei siirry ensimmäiseen kohtaan, jossa virhe on havaittu. ARIA-attribuutteja ei ole käytetty.

Saavutettavuusvaatimukset, jotka eivät täyty

• 3.3.1 Virheen tunnistaminen

Ymmärrettävä: Lomakkeen nimilaput tai ohjeet puutteellisia

Saavuttamaton sisältö ja sen puutteet

Ilmoita tapahtumasta -lomakkeen pakollisten kenttien tähti-merkintää ei ole selitettynä sivulla.

Liittymislomakkeella Label- tai title-attribuutteja ei ole käytetty. Kenttien oikeat täyttämistavat eivät käy ilmi kentän yhteydessä.

Saavutettavuusvaatimukset, jotka eivät täyty

• 3.3.2 Nimilaput tai ohjeet

Ymmärrettävä: Puutteellinen korjausehdotus virhetilanteessa

Saavuttamaton sisältö ja sen puutteet

Liittymislomakkeen päivämäärän ja henkilötunnuksen vaadittavat muodot eivät käy ilmi virheilmoituksen ohjeistuksesta.

Saavutettavuusvaatimukset, jotka eivät täyty

• 3.3.3 Virheen korjausehdotus

Toimintavarma: HTML-koodin standardien mukaisuus ja laatu

Saavuttamaton sisältö ja sen puutteet

ID-tunnisteet eivät ole yksilölliset sivustohakulohkon elementeissä.

Osassa valikkolinkkejä on tyhjiä target-attribuutteja. Tyhjät target-attribuutit eivät ole standardien mukaista.

Mobiilivalikossa on <nav>-elementti <ul>-elementin sisällä. Tämä ei ole standardien mukaista.

Liittymislomakkeella logo-kuvalta puuttuu vaihtoehtoisen tekstin attribuutti kokonaan. Vaihtoehtoinen teksti saa olla tyhjä, jos kuva on koristekuva, mutta alt-attribuutti pitää aina olla. Lähetä-napissa määritetään attribuutti disabled=”true”. Tämä ei ole standardin mukaista.

Saavutettavuusvaatimukset, jotka eivät täyty

• 4.1.1 Jäsentäminen

Toimintavarma: Sivuston käyttöliittymäkomponenttien nimi ja rooli voidaan selvittää ohjelmallisesti.

Saavuttamaton sisältö ja sen puutteet

”Hyppää pääsisältöön” -linkin kohteena on linkki, jolta puuttuu href-attribuutti ja linkkiteksti.

Liittymislomakkeella suurimmalta osalta lomakekomponentteja puuttuu labelit tai muut nimitiedot (muut kuin checkbox ja radio button), joten avustavaa teknologiaa käyttävät henkilöt eivät saa tietoa siitä mikä mikäkin kenttä on. Avustavaa teknologiaa käyttävät henkilöt eivät saa tietoa lomakkeen kenttiin syötettävästä sisällöstä. Osaan kentistä on liitetty ohjetekstejä, mutta ne on annettu kenttään itseensä liittymättömässä paikassa lomakekentän jälkeen, joten tätäkään tietoa ei kentän täytön yhteydessä saa. Lomakkeen yhteydessä on linkkikenttiä, joista osalta puuttuu kuvaava linkkiteksti, osalta kuvaava linkkiteksti löytyy, mutta href, id tai nimi puuttuvat. Lomakkeen elementtien nimi ja rooli eivät selviä ohjelmallisesti.

Saavutettavuusvaatimukset, jotka eivät täyty

• 4.1.2 Nimi, rooli, arvo

Toimintavarma: Tilasta kertovat viestit avustavalla teknologialla

Saavuttamaton sisältö ja sen puutteet

Avustavaa teknologiaa käyttämällä ei saa tietoa liittymislomakkeen virheistä.

Saavutettavuusvaatimukset, jotka eivät täyty

• 4.1.3 Tilasta kertovat viestit