Saavutettavuusseloste

Verkkosivusto on julkaistu 1.10.2020. Tämä saavutettavuusseloste koskee palvelua https://www.aspa.fi ja on päivitetty 20.10.2022. Palvelua koskee laki digitaalisten palvelujen tarjoamisesta, jossa edellytetään, että julkisten verkkopalvelujen on oltava saavutettavia.

Palvelun saavutettavuuden ovat arvioineet ulkopuoliset asiantuntijaorganisaatiot Annanpura Oy sekä Kehitysvammaliiton Papunet-verkkopalvelu.

Sivusto on arvioitu myös kognitiivisen saavutettavuuden osalta. Kognitiivinen saavutettavuusseloste löytyy täältä.

Digipalvelun saavutettavuuden tila

Verkkosivusto täyttää saavutettavuusvaatimukset osittain.

Sivustolla on havaittu responsiivisuusongelmia. Nämä ongelmat pyritään korjaamaan vuoden 2022 aikana.

Sivustolla käytetyissä PDF-tiedostoissa ja YouTube-videoissa on puutteita saavutettavuudessa. Nämä puutteet otetaan huomioon uusia PDF-tiedostoja ja YouTube-videoita luotaessa ja lisättäessä sivustolle.

Ruudunlukijaa käyttävät eivät valitettavasti pysty kohtuullisesti lukemaan sivustolle upotettuja somekanavia, mutta somekanavien yli on mahdollista hypätä ennen upotusta olevan linkin avulla.

Ei saavutettava sisältö

Verkkosivusto ei ole vielä kaikilta osin vaatimusten mukainen. Seuraavassa on lueteltu sivustolla havaitut ongelmat.

Virheellinen otsikkorakenne

Sivustolla on puutteita otsikkotason hierarkiarakenteissa ruudunlukijaa käytettäessä. Esimerkiksi etusivun ensimmäinen otsikko on H2-tason otsikko, ja vasta alempana sivulla on H1-tason otsikko. Lisäksi someseinän upotteiden otsikoita ei ole merkitty otsikoiksi.

Saavutettavuusvaatimukset, jotka eivät täyty

  • 1.3.1 Informaatio ja suhteet

YouTube-videoissa kiinnipoltettu tekstitys

Pääsääntöisesti YouTube-videoissa on kiinnipoltettu tekstitys.

Saavutettavuusvaatimukset, jotka eivät täyty

  • 1.2.2 Tekstitys (tallennettu)

Responsiivisuusongelmia

Sivustolla on valikkoon, leipätekstiin ja footeriin liittyviä responsiivisuusongelmia.

  • Valikon teksti lomittuu alavalikon avaavan nuoli alas -elementin päälle IOS/Safari-kokoonpanossa 200 %:n skaalauksessa
  • Leipäteksti ei mahdu näytölle mobiililaitteilla pystyasennossa 150 %:sta lähtien ja vaaka-asennossa 175 %:sta lähtien
  • Valikko ei mahdu ruudulle Android/Chrome -kokoonpanolla 150 %:n skaalauksella alkaen vaaka-asennossa
  • Footerin leipätekstit ja otsikot eivät mahdu näyttöön Android/Chrome -kokoonpanon vaaka-asennossa 175 %:n skaalauksesta alkaen

Saavutettavuusvaatimukset, jotka eivät täyty

  • 1.4.10 Responsiivisuus

Someseiniin liittyvät saavutettavuusongelmat

Puutteita tekstivastineissa

Tekstivastineet someseinällä olevien upotteiden kuvissa ovat epäselviä.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.1.1 Ei-tekstuaalinen sisältö

Heikkoja kontrasteja

Sosiaalisen median syötteessä etusivulla jokaisen Twitteristä tulevan lainauksen lopussa olevat harmaat pienet symbolit ja tekstit ovat kontrastisuhteeltaan heikkoja. Harmaan ja valkoisen kontrastisuhde on 1,9:1.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.4.3 Kontrasti (minimi)
  • 1.4.11 Ei-tekstimuotoisen sisällön kontrasti

PDF-lomakkeiden puutteet

Lomakkeiden otsikointi

Lomakkeille ei ole määritelty otsikkoa title-attribuutilla.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 2.4.2 Sivuotsikot

Lomakkeiden lukemisjärjestys

Lomakkeen lukemisjärjestys on epäjohdonmukainen. Ensin luetaan syötekenttien otsikot ja sitten vasta itse syötekentät.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.3.2 Merkitykseen vaikuttava järjestys

Tulosta PDF-painike (kotien sivuilla)

Painikkeesta avautuva tulostuksen esikatselunäkymä ei ole kaikilta osiltaan saavutettava. 

  • Ruudunlukijakävijöille ongelmia aiheuttaa Firefox-selaimessa pudotusvalikoiden käyttö
  • Sekä Firefox- että Chrome-selaimessa on värikontrastiongelmia

Saavutettavuusvaatimukset, jotka eivät täyty

  • 1.4.11 Ei-tekstimuotoisen sisällön kontrasti
  • 2.4.3 Kohdistusjärjestys

Lahjoita-sivuun liittyvät saavutettavuusongelmat

Lahjoita-sivulla on saavutettavuuteen liittyviä ongelmia.

Heikkoja värikontrasteja

  • Headerin lahjoita-painike ei erotu taustasta
  • Painikkeet vihreällä pohjalla eivät erotu taustasta
  • Oman summan lisäämispainikkeet eivät erotu
  • Lahjoituspainike ei erotu taustasta
Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.4.11. Värikontrastit: ei-tekstimuotoinen sisältö

Ongelmia näppäimistön kohdistuksen näkymisessä

  • Kohdistusta on vaikea erottaa, kun se on lahjoituksen eri vaihtoehtopainikkeissa
    • Näkyy erityisen huonosti Firefox-selaimella
    • Chrome- ja Safari-selaimilla kohdistus erottuu paremmin, mutta ei riittävästi
  • Lomakkeen ja footerin välissä näppäimistön kohdistus katoaa
  • Jos on ”yleiset ehdot” -linkissä tai Lahjoita-napissa (riippuen siitä, onko nappi aktiivinen) ja painaa tabulaattoria, näppäimistön kohdistus siirtyy jonnekin sivun alareunaa kohti, mutta kohdistus ei näy
    • Seuraavalla tabulaattorin painalluksella kohdistus ilmestyy näkyviin footeriin
Saavutettavuusvaatimukset, jotka eivät täyty
  • 2.4.7 Näkyvä kohdistus

Responsiivisuusongelmia

Sivua joutuu vierittämään sivusuunnassa, näin ei saisi tapahtua. Tämä tapahtuu jo 100 % koossa, eli ilman zoomausta.

Mobiilissa on useita ongelmia tekstin koon muuttamisen suhteen:

  • Lahjoituspainikkeissa on tekstin ympärillä liikaa paddingia, sillä sanat hajoavat omituisesti, vaikka painikkeessa olisi runsaasti tilaa kokonaisille sanoille
  • Lahjoitussummapainikkeet hajoavat sekä muotonsa että sisältönsä puolesta
  • Oman summan antamisalue on todella pieni, eikä oletustekstistä näy kuin vajaa ensimmäinen kirjain
  • Valintaruudun muoto muuttuu kummallisesti ja sen viereinen teksti rivittyy turhan kapealle alueelle

Lisäksi sivustolla on ongelmia tekstin välistyksen muuttamisen kanssa:

  • Päävalikon tausta hajoaa
  • Kuuntele-painike katoaa muiden elementtien taakse
  • Oman summan lisäämis-elementin euromerkki rivittyy hieman elementin ulkopuolelle
Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.4.4 Tekstin koon muuttaminen
  • 1.4.10 Responsiivisuus
  • 1.4.12 Tekstin välistys

Teknisiä, erityisesti ruudunlukijakäyttöön vaikuttavia ongelmia

  • Pääotsikon alla oleville, kahdelle ensimmäiselle painikkeelle voisi lisätä aria-controls=”formin-ID” -attribuutin, koska ne muuttavat lomakkeen sisältöä
  • Valitse maksutapa -pudotusvalikolta puuttuu label
  • Käyttäjälle ei ilmene mitenkään, mitkä kentät ovat vielä täyttämättä, jotta lomakkeen saisi lähetettyä
  • Annettuja tietoja ei pyydetä tarkistamaan ennen lomakkeen lähetystä
  • Error: Attribute defaultvalue not allowed on element select at this point
  • ”Tietoa keräyksestä” -painike on oikeasti ankkurilinkki, joten tulisi muuttaa sellaiseksi koodissa
  • Pyöreisiin summa-painikkeisiin liittyviä ongelmia:
    • Aria-labelledby-elementti tulisi korjata aria-labeliksi
    • Ruudunlukijalle ei välity, mikä summa on valittuna
Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.3.1 Informaatio ja suhteet
  • 3.3.1 Virheen tunnistaminen
  • 3.3.4 Virheiden ennaltaehkäisy
  • 4.1.1 Jäsentäminen
  • 4.1.2 Nimi, rooli, arvo

SAKKE-työkaluun liittyvät saavutettavuusongelmat

Epätarkkaa otsikointia

Sivulla on kaksi H1-tason otsikkoa, joista yksi on tyhjä. Kysymysten tekstien, kuten ”1. Onko kurssia mainostettu myös muualla kuin internetissä?” on tarkoitus olla otsikoita, mutta otsikoinnin tunnistetta koodista ei löytynyt. Lisäksi koodissa on tyhjä H2-tason otsikko.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 1.3.2 Merkitykseen vaikuttava järjestys
  • 2.4.2 Sivuotsikot
  • 2.4.6 Otsikot ja nimilaput
  • 4.1.2 Nimi, rooli, arvo

Näppäimistöselaus estetty

Sarkainselauksella navigointi ei onnistu kaikilla työkalun sivuilla. ”Kyllä” ja ”Ei” -valintaruudut puuttuvat navigointijärjestyksestä, joten ilman ruudunlukuohjelmaa nuolinäppäimillä ja sarkaimella ei pääse valitsemaan vastausta. ”Hae” -painikkeen jälkeen kohdistus hyppää ”Seuraava osio” -linkkiin.

Saavutettavuusvaatimukset, jotka eivät täyty
  • 2.1.1 Näppäimistö

Huomasitko saavutettavuuspuutteen digipalvelussamme?

Kerro se meille ja teemme parhaamme puutteen korjaamiseksi. Anna saavutettavuuspalautetta alla olevalla verkkolomakkeella tai sähköpostitse viestinta@aspa.fi.

    * Pakollinen kenttä yhteydenottoa varten, täytäthän joko sähköpostin tai puhelinnumeron.

    Kun lähetät lomakkeen, asiantuntijamme voi olla sinuun yhteydessä sähköpostitse tai puhelimitse.
    Lomakkeen lähettämällä hyväksyt tietosuojakäytäntömme.

    Valvontaviranomainen

    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 Etelä-Suomen aluehallintovirastoon (Avautuu uuteen ikkunaan). Etelä-Suomen aluehallintoviraston sivulla kerrotaan tarkasti, miten ilmoituksen voi tehdä ja miten asia käsitellään.

    Valvontaviranomaisen yhteystiedot

    Etelä-Suomen aluehallintovirasto
    Saavutettavuuden valvonnan yksikkö
    www.saavutettavuusvaatimukset.fi
    saavutettavuus(at)avi.fi
    puhelinnumero vaihde 0295 016 000

    Teemme jatkuvasti työtä saavutettavuuden parantamiseksi

    Olemme sitoutuneet digipalveluiden saavutettavuuden parantamiseen.