Saavutettavuusseloste

Oikeusministeriön hyvinvointialuealoite.fi palvelun saavutettavuusseloste.

Tämä saavutettavuusseloste koskee oikeusministeriön palvelua hyvinvointialuealoite.fi ja se on laadittu / päivitetty 11.04.2024. Palvelua koskee laki digitaalisten palvelujen tarjoamisesta, jossa edellytetään, että julkisten verkkopalvelujen on oltava saavutettavia. Palvelun saavutettavuuden on arvioinut ulkopuolinen asiantuntijaorganisaatio.

Digipalvelun saavutettavuuden tila

Täyttää saavutettavuusvaatimukset osittain.

Ei-saavutettava sisältö

Verkkosivusto ei ole vielä kaikilta osin vaatimusten mukainen.

Havaittava: Tekstin ja taustan kontrastit

Saavuttamaton sisältö ja sen puutteet:

• Vaihepolun numeroissa valkoinen teksti harmaalla pohjalla (2,7:1).
• Tunnistautuneen käyttäjän valmiiksi täytetyt tiedot vaaleanharmaalla valkoisella tai sinisellä pohjalla (2,7:1). Kontrastivaatimukset eivät koske passivoituja elementtejä, mutta olisi kuitenkin hyvä varmistaa, että heikkonäköinen käyttäjä pystyy tarkistamaan omat tietonsa ongelmitta.
• Uuden salasanan luomisessa harmaa palauteteksti valkoisella pohjalla (3,5:1).

Kaikilla elementeillä on näkyvä näppäimistön kohdistusindikaattori, mutta se ei aina täytä tekstin ja taustan välisiä kontrasteja. Esimerkiksi:

• Siniset painikkeet, joissa valkoista tekstiä (2,0:1).
• Valkoiset painikkeet, joissa sinistä tekstiä (2,6:1).
• Harmaat linkit (3,6:1).

Saavutettavuusvaatimukset, jotka eivät täyty:

• 1.4.3 Kontrasti (minimi).

Havaittava: Käyttöliittymäelementtien kontrastit

Saavuttamaton sisältö ja sen puutteet:

• Vaaleanharmaat comboboxit valkoisella taustalla (1,6:1 tai 1,7:1).
• Vaaleanharmaat tekstikentät valkoisella taustalla (1,6:1 tai 1,7:1).
• Valko-harmaa kytkinpainike (2,3:1).
• Uuden salasanan luomisessa oranssi (1,8:1) ja vihreä (2,3:1) palkki valkoisella pohjalla.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.4.11 Ei-tekstimuotoisen sisällön kontrasti.

Havaittava: Tekstin suurentaminen

Saavuttamaton sisältö ja sen puutteet:

Osa visuaalisista elementeistä ei skaalaudu siististi, kun vain tekstiä suurennetaan 200 % normaalia isommaksi Firefoxin Zoom text only -toiminnallisuudella. Seuraavanlaisia ongelmia havaittiin:

• Etusivun sisältöalueen yläreunan sinisten painikkeiden tekstit tippuvat osittain painikkeiden reunojen ulkopuolelle tehden teksteistä hankalat lukea.
• Otsikoissa pitkien sanojen loppu leikkaantuu eikä koko otsikkotekstiä ole mahdollista lukea.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.4.4 Tekstin koon muuttaminen

Havaittava: Otsikkotasot

Saavuttamaton sisältö ja sen puutteet. Otsikkotasojen käytössä on joitakin puutteita.

• Tunnistautuminen-sivulla on hypätty <h2>-tason otsikon yli.
• Ohjeet-osion sisältösivuilla kaikkia otsikoita ei ole merkitty otsikkotasoja käyttäen.
• Etusivun sisältöalueen yläreunan sinisissä painikkeissa painiketekstit on turhaan esitetty myös <h2>-tason otsikkoina. Otsikoiden alta tulisi aina löytyä otsikoihin liittyvää sisältöä. Otsikkomerkintää ei tule käyttää sellaisissa elementeissä, jotka eivät ole otsikoita.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.1 Informaatio ja suhteet

Havaittava: Otsikko-tieto-parit

Saavuttamaton sisältö ja sen puutteet. Aloitteiden tiedoissa otsikko-tieto-parit on toteutettu label- ja p-elementtejä käyttäen. Label-elementtiä tulisi käyttää ainoastaan lomake-elementeissä, ei staattisessa tekstissä.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.1 Informaatio ja suhteet

Havaittava: Ohjeet-osion valikko

Saavuttamaton sisältö ja sen puutteet:

• Valikkoa ei ole ohjelmallisesti merkitty navigaatioelementiksi. Tämä heikentää esimerkiksi valikon löydettävyyttä apuvälinekäytössä.
• Valikon päätason on esitetty hyvin listarakennetta käyttäen, mutta alatasoja ei ole esitetty pääkohdille alisteisena listana.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.1 Informaatio ja suhteet

Havaittava: Sivurakenteen ohjelmallinen merkitseminen

Saavuttamaton sisältö ja sen puutteet. Osaa navigaatioelementeistä ei ole merkitty ohjelmallisesti navigaatioelementeiksi. Esimerkiksi:

• Selaa aloitteita -sivun alareunan navigaatiolinkit
• Ohjeet-osion vasemman reunan alavalikko.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.1 Informaatio ja suhteet

Havaittava: Etusivujen korttien linkit ruudunlukijakäytössä

Saavuttamaton sisältö ja sen puutteet. Etusivun kortit on toteutettu siten, että linkkitermi sisältää kortin kaiken tekstin. Tämä on hyvin raskasta ruudunlukijakäytössä.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.1 Informaatio ja suhteet

Havaittava: Käyttäjän tietoja pyytävät kentät

Saavuttamaton sisältö ja sen puutteet: Palvelussa on lomakkeita, joissa pyydetään käyttäjään liittyviä tietoja (esim. sähköpostiosoite ja puhelinnumero). Kenttien tarkoitus on määritelty type-attribuutin avulla, mutta kentiltä puuttuu autocomplete-attribuutti. Näin ollen kaikki selaimet eivät osaa tarjota automaattisesti täydennettäviä tietoja, mikä hidastaa tietojen täyttämistä kaikille käyttäjille.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.3.5 Määrittele syötteen tarkoitus

Havaittava: Vaihepolun ei-tekstuaalinen sisältö

Saavuttamaton sisältö ja sen puutteet. Vaihepolun toteutuksessa havaittiin puutteita:

• Nykyinen vaihe on esitetty ainoastaan visuaalisesti, ei lainkaan ohjelmallisesti (WCAG 4.1.2).
• Onnistuneesti täytetyt vaiheet on kerrottu ainoastaan näkeville käyttäjille pukkikuvaketta käyttäen. Ruudunlukijakäyttäjät eivät saa vastaavaa informaatiota.
• Vaihepolkua ei ole esitetty oman ohjelmallisen alueen eli maamerkin sisällä.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.1.1 Ei-tekstuaalinen sisältö
• 1.3.1 Informaatio ja suhteet

Havaittava: Salasanan vahvuus

Saavuttamaton sisältö ja sen puutteet. Uuden salasanan vahvuudesta viestivät palautteet ovat ongelmallisia useille käyttäjille:

• Ruudunlukijakäyttäjälle ei lainkaan välitetä tietoa kentän alla näkyvästä salasanan vahvuudesta.
• Vihreä tila on ainoastaan merkitty värin avulla, koska tekstimuotoinen palaute puuttuu. Tämä ei välttämättä ole ymmärrettävä palaute värisokeille. (WCAG 4.1.3).
• Harmaa palauteteksti valkoisella pohjalla ei täytä kontrastivaatimuksia, joten teksti saattaa olla hankala lukea heikkonäköisille ja ikänäköisille.
• Keltaiset ja vihreät palkit eivät erotu riittävällä kontrastilla valkoisesta pohjasta.

Saavutettavuusvaatimukset jotka eivät täyty:

• 1.4.3 Kontrasti (minimi)
• 1.4.1 Värien käyttö
• 1.4.11 Ei-tekstimuotoisen sisällön kontrasti

Hallittava: Linkkiin kohdistus ruudunlukijakäytössä

Saavuttamaton sisältö ja sen puutteet. Kun ruudunlukijakäytössä valitsee jonkin ohjesivun valikosta, kohdistus jää itse valikkoon. Näin ollen ankkurilinkeistä ei ole mitään hyötyä ruudunlukijakäytössä.

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.4 Linkin tarkoitus (kontekstissa)

Hallittava: Useampi reitti

Saavuttamaton sisältö ja sen puutteet. Sivustolla on useita sivuja, joille pääsee vain yhtä reittiä pitkin joko päävalikon tai alatunnisteen kautta.

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.5 Useita tapoja

Hallittava: Kentän pikaohje

Saavuttamaton sisältö ja sen puutteet. Kentän pikaohje -painikkeisiin liittyy seuraavia puutteita:

• Ohjepainike on esitetty kohdistusjärjestyksessä vasta valintapainikeryhmän valintojen jälkeen. Näin ollen ohjeet jäävät helposti huomaamatta ja lukematta ruudunlukijakäytössä. Sijainti saattaa hämmentää myös näkeviä näppäimistökäyttäjiä, koska painike on visuaalisesti esitetty valintapainikkeiden yläpuolella.
• Ohjepainikkeen nimessä “Kentän pikaohje” ei viitata itse kentän nimeen. Kun ohjepainike on esitetty useammalle peräkkäiselle kentälle, ruudunlukijakäytössä on hankalahko hahmottaa, mihin kenttään kukin ohje liittyy (WCAG 1.3.2).
• Painikkeen tilaa (avattu/suljettu) ei kerrota ruudunlukijakäytössä (WCAG 3.3.2).
• Disabloitujen lomakekenttien kohdalla pikaohjeen painike hämmentää ruudunlukijakäytössä, koska lomakemoodissa kohdistus siirtyy vain pikaohjepainikkeesta toiseen (WCAG 4.1.2).

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.3 Kohdistusjärjestys

Hallittava: Muutosten tallentaminen

Saavuttamaton sisältö ja sen puutteet. Kun käyttäjä tallentaa lomakesivun sisällä muutoksia (esimerkiksi Vastuutaho), näppäimistökohdistus viedään sivun yläreunan palautteeseen. Tämän jälkeen käyttäjä joutuu liikkumaan sarkaimella koko sivun yläosan läpi päästäkseen jälleen oikeaan kohtaan lomakkeella.

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.3 Kohdistusjärjestys

Hallittava: Aloitteen kannattaminen kohdistusjärjestys

Saavuttamaton sisältö ja sen puutteet. Aloitteen kannattamisessa havaittiin puutteita:

• Lomakkeen jokaisessa vaiheessa kohdistus on oletusarvoisesti alareunan painikkeissa. Tämä hankaloittaa lomakkeen sivujen hahmottamista ja täyttämistä merkittävästi ruudunlukija- ja näppäimistökäytössä.

• Kannattamisen peruste -valinnan alle ilmestyvää ilmoitusta ei lueta automaattisesti ruudunlukijalla, joten ilmoitus jää lomakemoodissa hyvin herkästi huomaamatta.

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.3 Kohdistusjärjestys

Hallittava: Aloitteeseen vastaaminen kohdistusjärjestys

Saavuttamaton sisältö ja sen puutteet. Aloitteeseen vastaamisessa ja vastauksen muokkaamisessa lomakkeen kohdistus on oletusarvoisesti lomakesivun alareunassa. Tämä hankaloittaa lomakesivujen hahmottamista ja täyttämistä merkittävästi ruudunlukija- ja näppäimistökäytössä.

Saavutettavuusvaatimukset jotka eivät täyty:

• 2.4.3 Kohdistusjärjestys

Ymmärrettävä: Ruotsinkieliset sisällöt

Saavuttamaton sisältö ja sen puutteet. Ruotsinkielisten tekstien lomakekentiltä puuttuu kokonaan näkyvät nimilaput (WCAG 2.4.6). Tähän liittyy useita ongelmia:

• Vaaleanharmaiden placeholder-tekstien kontrasti on heikko (2,3:1) (WCAG 1.4.3).
• Kun käyttäjä kirjoittaa kenttään, placeholder-teksti katoaa Placeholder-teksti ei toimi nimilappuna kaikilla apuvälineillä ja selaimilla.
• Aloitteen sisällössä kaikkien ruotsinkielisten tekstinpätkien ohjelmallista kieltä ei ole määritelty ruotsiksi, joten ruudunlukija ei osaa lukea niitä oikean kielen mukaisesti.

Saavutettavuusvaatimukset jotka eivät täyty:

• 3.3.2 Nimilaput tai ohjeet
• 3.1.2 Osien kieli

Ymmärrettävä: Virheilmoitukset

Saavuttamaton sisältö ja sen puutteet. Virheilmoituksissa havaittuja puutteita:

• Virhetilanteessa käyttäjälle esitetään kooste virheistä modaalidialogissa, joka luetaan kokonaisuudessaan automaattisesti ruudunlukijalla. Jos virheitä on monta, ilmoitus on hyvin raskas kuunnella ja virheet hankala hahmottaa.
• Kun virhekoosteen modaalidialogin sulkee, näppäimistökohdistus jää lomakesivun alareunan Seuraava vaihe -painikkeeseen, joten käyttäjä joutuu peruuttamaan sivulla löytääkseen virheelliset kentät ja korjatakseen virheet (WCAG 2.4.3).
• Valintaruutujen (checkbox) virheilmoituksia ei ole ohjelmallisesti yhdistetty virheellisiin lomake-elementteihin, joten ne on hyvin vaikea havaita ruudunlukijalla.
• Virheilmoitukset on esitetty englanniksi, joten ne ovat hankalia ymmärtää. Ruudunlukija lukee englanninkieliset tekstit suomalaisittain.

Saavutettavuusvaatimukset jotka eivät täyty:

• 3.1.2 Osien kieli
• 3.3.1 Virheen tunnistaminen
• 3.3.3 Virheen korjausehdotus

Toimintavarma: HTML-koodin laatu

Saavuttamaton sisältö ja sen puutteet. HTML-koodin laatu validoitiin W3C:n koodivalidaattorilla. Tietyt virheet koodissa voivat aiheuttaa ongelmia eri selaimilla ja apuvälineillä. Sivuilla havaittiin jonkin verran virheitä, mm. tupla-id-määritteitä, sisäkkäisyysongelmia ja rikkinäisiä aria-viittauksia.

Saavutettavuusvaatimukset jotka eivät täyty:

• 4.1.1 Jäsentäminen

Toimintavarma: Haitarielementit

Saavuttamaton sisältö ja sen puutteet. Haitarielementtien toteutuksessa on puutteita:

• Useilla sivuilla on esitetty haitaripainikkeita, jotka eivät vielä toimi.
• Haitaripainikkeita ei ole toteutettu painikkeina, joten niiden ymmärtäminen ruudunlukijakäytössä on hankalahkoa. Aria-expanded-attribuutin tilaa ei myöskään lueta, koska painikemääritys puuttuu. Haitaripainikkeen otsikko luetaan ruudunlukijalla aina kahteen kertaan, koska elementille on määritelty otsikko kahteen kertaan.
• Haitaripainikkeen sisällä on esitetty myös “Avaa”/”Sulje”-painike, joten ruudunlukija lukee kaksi naksautettavaa elementtiä. On tärkeää huomioida, että painike ei saa sisältää muita interaktiivisia elementtejä. “Avaa” ja “Sulje”-tekstit ovat turhaa toistoa ruudunlukijakäytössä, koska aria-expanded-attribuutin tulisi jo kertoa sama asia (painikkeen tila).

Saavutettavuusvaatimukset jotka eivät täyty:

• 4.1.2 Nimi, rooli, arvo

Toimintavarma: Tarkista hyvinvointialue modaalidialogi

Saavuttamaton sisältö ja sen puutteet. Kunnat ja hyvinvointialueet -modaalidialogin hakutulosta ei lueta automaattisesti ruudunlukijalla. Koska lomakkeella liikutaan sarkaimella lomake-elementistä toiseen, ruudunlukija hyppää lomaketilassa kokonaan hakutuloksen yli.

Saavutettavuusvaatimukset jotka eivät täyty:

• 4.1.3 Tilasta kertovat viestit

Saavutettavuuspalautteen antaminen

Huomasitko saavutettavuuspuutteen digipalvelussamme? Kerro se meille ja teemme parhaamme puutteen korjaamiseksi. Jos huomaat sivustolla saavutettavuusongelmia, anna ensin palautetta meille eli sivuston ylläpitäjälle. Toimi näin:

1. Lähetä saavutettavuuspalaute sähköpostilla osoitteisiin demokratia.ork@om.fi sekä tiedoksi: hyvinvointialuealoite@gov.fi.
2. Saat sähköpostiisi välittömästi vahvistusviestin, josta näet, milloin viestisi on vastaanotettu. Saat varsinaisen vastauksen antamaasi saavutettavuuspalautteeseen sähköpostilla. Vastaus tulee 14 päivän kuluessa siitä, kun viestisi on vastaanotettu.
3. Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan kahden viikon aikana, voit tehdä ilmoituksen Liikenne- ja viestintävirasto Traficomille. Traficomin saavutettavuusvaatimukset.fi-sivustolla kerrotaan, miten valituksen voi tehdä ja miten asia käsitellään.

Valvontaviranomaisen yhteystiedot

Liikenne- ja viestintävirasto Traficom

Digitaalisen esteettömyyden ja saavutettavuuden valvontayksikkö

www.saavutettavuusvaatimukset.fi

saavutettavuus@traficom.fi

puhelinnumero vaihde 029 534 5000