Saavutettavuusseloste

Helsingin kaupungin tavoite

Helsingin tavoitteena on pyrkiä digitaalisten palveluiden saavutettavuudessa vähintään WCAG-ohjeistuksen mukaiseen AA- tai sitä parempaan tasoon.

Hel.fi-palvelun saavutettavuuden tila

Verkkosivusto täyttää lain asettamat saavutettavuusvaatimukset WCAG 2.1 -tason AA mukaisesti seuraavin havaituin puuttein.

Ei-saavutettava sisältö, havaitut puutteet

Alla mainittu sisältö ei täytä kaikkia lain asettamia saavutettavuusvaatimuksia.

Koko sivustoilla toistuvat puutteet

• Mobiililaitteille tarkoitetussa sivunäkymässä hakutoiminto ja navigointivalikko ovat tarjolla palvelun ylätunnisteessa olevissa painikkeissa. Kun painikkeet ovat avattuina, niiden nimenä on vain ”Sulje”, eli ne eivät enää kerro, onko kyseessä hakutoiminto tai navigointivalikko. WCAG 1.1.1 Ei-tekstuaalinen sisältö (A)
• Hel.fi- sivuston hyppylinkki osoittaa tyhjään elementtiin, joka sijaitsee pääsisällön alussa. NVDA-ruudunlukija kuvaa linkin kohteen siksi ”tyhjänä”. Myös muut ruudunlukuohjelmat voivat käyttäytyä epätavanomaisesti.
• Joillain uutis- ja artikkelisivuilla on pääsisällön lopussa osio nimeltään ”Lisää aiheesta”, jossa on eri somepalvelujen logoja linkkeinä. Kun linkki kohdistetaan näppäimistöllä tai hiirellä, muuttuu logon kontrasti heikoksi. WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti (AA)
• Useimpien sivujen lopussa on palauteosio, joka on otsikoitu ”Löysitkö etsimäsi tiedon?”. Siihen liittyy kaksi saavutettavuuspuutetta:
  • Jos osion painikkeista jokin aktivoidaan näppäimistöllä, ei käyttäjä voi enää siirtää näppäimistökohdistusta takaisin yhteenkään osion painikkeista, mikä estää valinnan muuttamisen, vaikka se tulisi olla mahdollista. WCAG 2.1.1 Näppäimistö (A)
  • Painikkeet eivät myöskään kerro apuvälineohjelman käyttäjälle, ovatko ne valittuna vai ei-valittuna, sillä painikkeiden tilan muutos osoitetaan vain visuaalisesti. WCAG 4.1.2 Nimi, rooli, arvo (A)
• Monia tuloslistoja voi selata ns. sivutusnavigaation avulla, jossa käyttäjä voi hypätä tietylle sivulle tai seuraavalle ja edelliselle sivulle. Apuvälineohjelmien käyttäjät eivät saa tietoa, mikä sivulistan numeroista vastaa nykyistä, auki olevaa sivua. WCAG 4.1.2 Nimi, rooli, arvo (AA)
• Sivuilta puuttuu otsikkomerkinnät seuraavista osioista:
  • ”Tällä sivustolla”-otsikoidut linkkikoosteet ja tekstit
  • ”Lisää aiheesta” -koosteet laskeutumissivuilla ja uutis- ja artikkelisivuilla
  • Numeroidut, otsikoidut listat, joissa on ohjeita eri palvelujen käyttämiseen tai hakemiseen

  • Yksittäisiä otsikoita puuttuu sieltä täältä, kun otsikkomainen teksti on vain tyypitetty visuaalisesi otsikon näköiseksi.

    WCAG 1.3.1 Informaatio ja suhteet (A)

• Hel.fi-etusivulla ja Ajankohtaiset-osiossa on klikattavia linkkikortteja. Apuvälineohjelman käyttäjän näkökulmasta yksittäisen kortin otsikko on vasta kortin aihekuvan jälkeen, mikä luo virheellisen lukemisjärjestyksen, koska kuva vaikuttaa liittyvän edeltävään sisältöön. WCAG 1.3.2 Merkitykseen vaikuttava järjestys (A)
• Osalla toimipisteiden sivuja (päiväkodit, koulut, lukiot) on toimipisteen nimi eri kielellä, kuin sivun kieli. Avustavalle teknologialle voi välittyä väärällä kielellä oleva saavutettava nimi. (WCAG 3.1.2 Osien kieli).

Chat-sovellukset

Watson-chat (chat-bot ja keskustelu asiakaspalvelijan kanssa)

• Chatin sisältö on merkitty apuvälineohjelmille englanninkieliseksi riippumatta, mikä sivun kieli on. Tämän vuoksi chatin toimintojen käyttö ja viestien lukeminen voi olla hankalaa ruudunlukuohjelman käyttäjälle, sillä syntetisaattori yrittää ääntää ne englanniksi. WCAG 3.1.2 Osien kieli (AA)
• Chat on asetettu teknisesti ns. application—roolin sisään, vaikka se on tavanomaista verkkosisältöä. Ruudunlukuohjelman käyttäjän voi olla siksi tarpeen kytkeä päälle ns. lomaketila, tai hypätä suoraan chatista löytyviin interaktiivisiin elementteihin, jotta chat—ikkunaan siirtyminen onnistuu. WCAG 1.3.1 Informaatio ja suhteet (A)
• Chatissa oleviin interaktiivisiin elementteihin liittyy joitain saavutettavuuspuutteita:
  • Yläbannerin (chatin alkuosa) painikkeilta puutuvat apuvälienohjelmille välittyvä saavutettava nimi. (WCAG 4.1.2 Nimi, rooli, arvo (A)
  • Chatin sulkemiseen liittyvässä dialogissa ei ole saavutettavaa nimeä. Lisäksi dialogissa on ”Sulje”-niminen painike, jonka tarkoitus voi olla epäselvä, sillä se sulkee kysymysdialogin, ei chattia.
  • Palautteen antamiseen tarkoitetuissa painikkeissa on kaksinkertainen painikeroolimääritys, minkä vuoksi ne voivat kuulostaa oudolta ruudunlukuohjelman käyttäjälle.
• Kun chattiin saapuneita viestejä selataan apuvälineohjelmalla ilman näönvaraista tarkastelua, käyttäjä ei saa tietoa, keneltä viestit ovat tulleet. WCAG 1.3.1 Informaatio ja suhteet (A)
• Chatissa on myös joitain heikkoja värikontrasteja, jotka tekevät kontrollien käytön vaikeaksi: Viestikentän muoto ei erotu riittävän hyvin. Näppäimistökohdistusta ei näytetä viestilistassa eikä lähetyspainikkeessa, kun se on epäaktiivinen. WCAG 1.4.11 Ei-tekstuaalisen sisällön kontrasti (AA)

Telia ACE -chat (keskustelu asiakaspalvelijan kanssa)

• Chatissa on painikkeita ja sisältöjä, jotka on nimetty englanniksi, vaikka sivun kieli on muu. WCAG 2.4.6 Otsikot ja nimilaput (AA)
• Chatin avaava klikattava elementti on merkitty apuvälineohjelmille alueeksi, vaikka se on painikkeen tapaan toimiva elementti. WCAG 1.3.1 Informaatio ja suhteet (A)
• Chat-ikkunassa on epätavanomaisia rakenteita, jotka voivat paljastua apuvälineohjelmille. Näitä ovat mm. lomakekontrollien käyttö sisällön asetteluun sekä peräkkäiset H1-tason otsikot. WCAG 1.3.1 Informaatio ja suhteet (A)
• Viestin lähetyspainike voi olla aktiivinen tai epäaktiivinen, jolloin se ei reagoi klikkauksiin. Painikkeen tilaa ei kerrota apuvälineohjelman käyttäjälle. WCAG 4.1.2 Nimi, rooli, arvo (A)
• Chatissa on myös joitain heikkoja värikontrasteja: Esimerkiksi viestikentän yhteydessä olevan painikkeen kuvake ei aina erotu riittävän hyvin, vaikka se on joissain tilanteissa ainoa keino tunnistaa kentän tarkoitus. WCAG 1.4.11 Ei-tekstuaalisen sisällön kontrasti (AA)
• Kun chatin toinen osapuoli kirjoittaa viestiä, ilmaistaan se visuaalisesti animaatiolla, mutta vastaavaa tietoa ei välitetä apuvälineohjelmien käyttäjille. WCAG 4.1.3 Tilasta kertovat viestit (AA)

Sivustohaku

• Hakusivulta puuttuu hel.fi-sivuilta normaalisti löytyvä ns. hyppylinkki, jolla näppäimistö- ja ruudunlukuohjelman käyttäjä voi vaivatta siirtyä suoraan sivun pääsisältöön.
• Hakutuloksissa voi olla linkkejä, joiden saavutettavassa nimessä ei ole lainkaan itselinkin näkyvää tekstiä, vaan ainoastaan tieto, että linkki johtaa palvelun ulkopuolelle. WCAG 2.4.4 Linkin tarkoitus (kontekstissa) (A)
• ”Rajaa hakutuloksia”—valintaruutuja ei ole merkitty ja nimetty ryhmäksi apuvälineohjelmille. WCAG 1.3.1 Informaatio ja suhteet (A)

Videoupotteet

• Palvelussa käytetään videoupotteita, jotka eivät ole saavutettavia. Videotoistimen esittämissä teksteissä ja kontrolleissa voi olla kontrastipuutteita, jotka vaihtelevat toistettavan videosisällön mukaan. WCAG 1.4.3 Kontrasti (minimi) (A)
• Joissain videoupotteissa on kontrolleja, jotka on nimetty apuvälineohjelmille englanniksi sivun kielestä riippumatta. WCAG 1.1.1 Ei-tekstuaalinen sisältö (A)
• Osasta videoista puuttuu puhutun ääniraidan tekstitys. WCAG 1.2.2 Tekstitys (tallennettu) (A)
• Kohdistuksen ilmaisin videoupotteissa ei aina erotu riittävän hyvin. WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti

Karttaupotteet

• Palvelussa käytetään karttaupotteita, jotka eivät ole saavutettavia.
  Joidenkin karttaupotteiden sisältö ei ole saatavilla saavutettavassa muodossa. WCAG 1.3.1 Informaatio ja suhteet, WCAG 1.4.13 Sisältö osoittaessa tai kohdistaessa, WCAG 2.1.1 Näppäimistö
• Kartan eri tietojen erottaminen toisistaan voi siten vaatia eri värisävyjen havaitsemista ja matalakontrastisten tekstien ja symbolien erottamista. Näppäimistökohdistus osoitetaan myös joissain karttakontrolleissa heikosti. WCAG 1.4.1 värien käyttö, WCAG 1.4.3 Kontrasti (minimi), WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti (AA)
• Kaavoitukseen ja kaavasuunnitelmiin liittyvät kartata ovat interaktiivisia, mutta osa niiden tiedoista on tarjolla vain hiiri- ja kosketuskäytössä. WCAG 2.1.1 Näppäimistö (A)

Kaavioupotteet

• Palvelussa käytetään kaavioupotteita, jotka eivät ole saavutettavia.
• Joissain kaavioupotteissa on kontrastiongelmia. WCAG 1.4.11 Ei-tekstimuotoisen sisällön kontrasti
• Joidenkin kaavioupotteiden sisältö ei ole saatavilla saavutettavassa muodossa. WCAG 1.3.1 Informaatio ja suhteet
• Kaavioupotteissa on sisältöä, joka on välitetty vain värejä käyttämällä. WCAG 1.4.1 Värien käyttö
• Kaavioupotteiden kohdistusjärjestys ei aina noudata visuaalista järjestystä. WCAG 2.4.3 Kohdistusjärjestys
• Kaavioupotteiden kaikilla interaktiivisilla elementeillä ei ole nimi- tai roolitietoa. WCAG 4.1.2 Nimi, rooli, arvo
• Ruudunlukijalle ei tarjota automaattisia viestejä kaikista kaavioupotteiden dynaamisista toiminnoista. WCAG 4.1.3 Tilasta kertovat viestit
• Kaavioupotteissa on modaaleja, jotka eivät vangitse kohdistusta modaalin sisään. WCAG 1.3.2 Merkitykseen vaikuttava järjestys
• Kaikkiin kaavioupotteiden painikkeisiin ei pääse kohdistamaan näppäimistöä käyttämällä. WCAG 2.1.1 Näppäimistö

Suodatushaut

• Sivuilla olevaan hakukenttään liittyy tarkentava ohje, kuten ”Kirjoita kadunnimi ja talonumero”. Ohjetta ei ole yhdistetty teknisesti kenttään, joten ruudunlukuohjelma ei lue ohjetta käyttäjälle, kun kenttä kohdistetaan. WCAG 1.3.1 Informaatio ja suhteet (A)
• Hakutulokset esitetään välilehtinä, joiden avulla käyttäjä voi tarkastella joko tuloslistaa tai karttanäkymää. Välilehtipainikkeet eivät kutienkaan toimi näppäimistöselauksessa välilehtikomponentin tapaan, vaan kattajan on liikuttava välilehtipainikkeesta toiseen sarkaimella. WCAG 1.3.1 Informaatio ja suhteet (A)
• Tulosten karttanäkymässä karttasisältö on ns. iframe—kehyksen sisällä. Kehyksen nimi ei vastaa sivun sisältöä ja voi olla harhaanjohtava. WCAG 1.1.1 Ei-tekstuaalinen sisältö
• Syöttökentät, jotka vaativat päivämäärän tarjoavat kalenteritoiminnon, joka näytetään modaalin tapaan toimivana, muun sisällön päällä kelluvana dialogina. Näppäimistökohdistus ei kuitenkaan siirry automaattisesti dialogiin, vaikka niin tulisi modaalin tapaan toimivassa sisällössä tapahtua. Käyttäjän on siirryttävä kalenteriin käyttämällä sarkainnäppäintä tai ruudunlukijan ns. lomaketilaa. WCAG 2.4.3 Kohdistusjärjestys (A)
• Suodatushakujen hakukentässä on tyhjennyspainike, jonka apuvälinekäyttäjille tarkoitettu nimi on aina englanniksi sivun kielestä riippumatta. WCAG 1.1.1 Ei-tekstuaalinen sisältö
• Osalla sivuista käytetään hakukenttää, joka näyttää hakuehdotuksia, kun käyttäjä syöttää merkkejä. Ruudunlukuohjelman käyttäjä kuulee tietoja hakutulosten määrästä. Jos ehdotuksia ei löydy, annetaan siitä ilmoitus englanniksi sivun kielestä riippumatta. WCAG 3.3.2 Nimilaput tai ohjeet (A)

Asemakaavat ja suunnitelmat -listaus

Listauksen tuloksissa on tarjolla ”Näytä lisää” -painike. Painikkeen aktivoinnin jälkeen tuloslistaus kasvaa ja painike katoaa, mutta selaimen kohdistus ei siirry oikein uusien tulosten alkuun. (WCAG 2.4.3 Kohdistusjärjestys).

Puutteiden korjaus

Havaittuja saavutettavuuspuutteita pyritään korjaamaan jatkuvasti. Tässä selosteessa havaittujen saavutettavuuspuutteiden listausta päivitetään sen mukaan, kun puutteita saadaan korjattua. 

Saavutettavuusvaatimukset eivät koske kaikkia sisältöjä

Palvelussa on videoita, joista puuttuvat tekstitykset ja kuvailutulkkaus. Ennen 23.9.2020 julkaistua videosisältöä ei lain mukaan tarvitse tehdä takautuvasti saavutettavaksi tai poistaa verkkosivustolta (WCAG 1.2.2., WCAG 1.2.5).

Palvelussa on karttoja, jotka eivät ole kaikille käyttäjille saavutettavia. Laki ei vaadi karttasisällöiltä saavutettavuutta, mutta olennainen opastava sisältö on kerrottava esimerkiksi kirjoitettuna tekstinä.

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.

Anna palautetta tällä verkkolomakkeella ( palautteet.hel.fi(Linkki johtaa ulkoiseen palveluun)).

Palautekanavan kautta voit myös pyytää saavutettavaan muotoon muokattuja tietoja Hel.fi-sivuston sisällöstä.

Tietojen pyytäminen saavutettavassa muodossa

Mikäli  et koe saavasi sivuston sisältöä saavutettavassa muodossa, voit pyytää tietoja palautelomakkeella palautteet.hel.fi(Linkki johtaa ulkoiseen palveluun). Tiedusteluun pyritään vastaamaan kohtuullisessa ajassa.

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ävirasto Traficomiin.

Liikenne- ja viestintävirasto Traficom
Digitaalisen esteettömyyden ja saavutettavuuden valvontayksikkö
www.saavutettavuusvaatimukset.fi(Linkki johtaa ulkoiseen palveluun)
saavutettavuus@traficom.fi(Linkki avaa oletussähköpostiohjelman)
puhelinnumero vaihde 029 534 5000

Hel.fi-sivuston saavutettavuusselosteesta vastaa Helsingin kaupunginkanslian viestinnän sisällöntuotantoyksikkö. Seloste on laadittu 1.3.2026 ja päivitetty 2.4.2026.