Yleistä
Tämä on Generation AI -hankkeen saavutettavuusseloste. Sivustoa www.generation-ai-stn.fi koskee laki digitaalisten palvelujen tarjoamisesta (306/2019) (avautuu uudessa välilehdessä), jossa edellytetään, että julkisten verkkopalvelujen on oltava saavutettavia.
Tämä saavutettavuusseloste koskee sivustoa www.generation-ai-stn.fi ja on laadittu 28.08.2023. Seloste on päivitetty 20.03.2026 manuaalisen WCAG 2.1 AA -auditoinnin, saavutettavuuskorjausten sekä Playwright- ja axe-core-työkaluilla tehtyjen automaattisten regressiotestien perusteella.
Digipalvelun saavutettavuuden tila
Digipalvelu on täysin vaatimustenmukainen. Maaliskuussa 2026 toteutetussa manuaalisessa auditoinnissa löydettiin useita puutteita, jotka on sittemmin korjattu. Lisäksi sivustoon on lisätty proaktiivisesti saavutettavuustyökalu, joka tukee erityisesti lukihäiriöisiä käyttäjiä.
Korjausten jälkeen sivustolle lisättiin automatisoitu WCAG 2.1 AA -regressiotestaus Playwrightilla ja axe-corella. Viimeisin testiajo tehtiin 20.03.2026, ja siinä tarkastettiin 11 edustavaa sivua suomeksi, englanniksi ja ruotsiksi, mukaan lukien etusivu, päävalikon keskeiset osiot, materiaalisivuja sekä julkaisu- ja dokumenttipohjia. Testiajo ei löytänyt WCAG 2.1 A- tai AA-tason virheitä.
Samana päivänä havaittiin lisäksi erillinen tyyliregressio, jossa linkkeinä toteutetut painikkeet saattoivat hover-tilassa periä väärän tekstivärin yleisestä linkkityylistä. Tämä näkyi esimerkiksi sivulla /materiaalit/ vihreänä tekstinä vihreällä painiketaustalla. Ongelma korjattiin lukitsemalla hover-tekstivärit painikeluokkiin koko sivustolla, ja korjaukselle lisättiin Playwright-regressiotestit, jotka tarkistavat sekä perustilan että hover-tilan värit ja kontrastin materiaalisivulla sekä keskeisillä päävalikon sivuilla.
Lisäksi desktop-navigaation Hankkeesta-megamenu korjattiin pysymään aina selaimen näkyvän alueen sisällä myös oikean reunan lähellä. Korjaukselle lisättiin oma Playwright-regressiotesti, joka tarkistaa megamenun sijainnin viewportiin nähden.
Ei-saavutettava sisältö ja korjaustoimenpiteet
Auditointi toteutettiin 16.3.2026 manuaalisella kooditarkastelulla (WCAG 2.1 AA -kriteerien mukaisesti). Lisäksi 20.3.2026 tehtiin automaattinen Playwright- ja axe-core-pohjainen regressiotestaus, jolla varmistettiin keskeisten sivupohjien jatkuva vaatimustenmukaisuus. Samalla otettiin käyttöön erilliset regressiotestit materiaalisivun painikelinkeille, hover-tilan kontrasteille pääsivuilla sekä desktop-megamenun viewport-sijainnille.
| # | Kriteeri | Vakavuus | Komponentti | Ongelma | Toimenpide | Korjattu |
|---|---|---|---|---|---|---|
| 1 | 2.4.7 | Kriittinen | .kb-carousel-btn |
Karusellin edellinen/seuraava-napeilta puuttui :focus-visible-tyyli. Näppäimistökäyttäjä ei nähnyt fokusta. |
Lisätty :focus-visible-sääntö CSS:ään, joka näyttää selkeän kehyksen. |
✓ 16.3.2026 |
| 2 | 2.4.7 | Kriittinen | Yhteydenottolomake | Lomakekenttien focus-tilan varjon opacity oli 12 % — liian heikko kontrasti WCAG AA -vaatimukseen. | Nostettu opacity 45 %:iin ja lisätty outline-kehys. |
✓ 16.3.2026 |
| 3 | 2.1.1 | Merkittävä | Taulukkokomponentit (6 kpl) | Taulukko-wrapper-elementit sisälsivät tabindex="0", mikä lisäsi ne tabi-järjestykseen ilman hyötyä näppäimistökäyttäjälle. |
Poistettu tabindex="0" kaikista kuudesta taulukkokomponentista. |
✓ 16.3.2026 |
| 4 | 1.3.1 | Merkittävä | Suodatinvalinnat | Taulukkojen suodatin-<select>-elementeillä oli vain sr-only-labeli, ei visuaalista otsikkoa. |
Olemassa olevat sr-only-labelit tarjoavat ohjelmallisen yhteyden — tekniinen vaatimus täyttyy. Visuaalinen placeholder on käyttäjälle riittävä. Ei lisätoimenpiteitä. |
✓ Hyväksytty |
| 5 | 4.1.2 | Merkittävä | Karusellin nuolipainikkeet | Karusellin prev/next-napit käyttivät ‹ › -symboleja ilman tekstivaihtoehtoa ruudunlukijalle. | Lisätty aria-label-attribuutit sekä aria-hidden="true" symboliin. |
✓ 16.3.2026 |
| 6 | 2.4.4 | Merkittävä | Hakupainike | Hakupainike on <a>-elementti, jolla on aria-label mutta ei näkyvää tekstiä. |
aria-label täyttää WCAG 2.4.4:n vaatimuksen ohjelmallisesta nimestä. Ei lisätoimenpiteitä. |
✓ Hyväksytty |
| 7 | 1.3.3 | Merkittävä | Ulkoiset linkit (footer) | Linkit, jotka avautuvat uudessa välilehdessä, eivät ilmoittaneet tästä ruudunlukijalle. | Lisätty <span class="sr-only">(avautuu uudessa välilehdessä)</span> footerin ulkoisiin linkkeihin. |
✓ 16.3.2026 |
| 8 | 1.4.3 | Merkittävä | H3-otsikot | H3-otsikot käyttivät samaa väriä kuin leipäteksti — hierarkia perustui vain fonttikokoon. | Värikontrasti ylittää 4.5:1 -rajan. Visuaalinen hierarkia toteutuu fonttikoon ja painon kautta. Ei WCAG-rikkomusta. | ✓ Hyväksytty |
| 9 | 2.4.7 | Merkittävä | Julkaisutaulukko | Hakukentän ja suodattimen focus-outline käytti 20 % opasiteettia — liian heikko. | Muutettu selkeäksi kiinteäksi väriksi (outline: 2px solid #3a6a2a). |
✓ 16.3.2026 |
| 10 | 2.4.1 | Kohtalainen | Sivun rakenne | Sivulta puuttui "Siirry pääsisältöön" -ohituslinkki (bypass block). | Lisätty ohituslinkki jokaiselle sivulle, joka hyppää #main-content-ankkuriin. Linkki näkyy vain fokuksen saadessaan. |
✓ 16.3.2026 |
| 11 | — | Vähäinen | Footer, ruotsinkielinen versio | Ruotsinkielisestä footerista puuttui Manipulointipeli-työkalu. | Lisätty Manipulationsspelet ruotsinkieliseen footer-työkalulistaan. | ✓ 16.3.2026 |
| 12 | 1.4.4, 1.4.8, 3.1.5 | Proaktiivinen | Saavutettavuustyökalu (kaikki sivut) | Sivustolta puuttui käyttäjälähtöinen työkalu, joka tukisi erityisesti lukihäiriöisiä, heikkonäköisiä tai muita erityistarpeita omaavia käyttäjiä. | Lisätty kiinteä saavutettavuuspaneeli kaikille sivuille. Ominaisuudet: fonttikoon säätö (5 tasoa), lukihäiriöfontti (Trebuchet MS / Verdana, leveämpi kirjainväli), korkea kontrasti, taustavärisävy (beige / keltainen / sininen / vihreä), leveämpi riviväli, lukuviivain hiirelle sekä tekstin ääneen lukeminen (Web Speech API, fi/en/sv). Asetukset tallennetaan selainmuistiin. Paneeli noudattaa WCAG:n aria-pressed-, aria-expanded- ja role="dialog"-vaatimuksia. |
✓ 16.3.2026 |
Saavutettavuuspalaute
Jos huomaat sivustolla saavutettavuusongelmia, lähetä palautetta sähköpostitse: info@generation-ai-stn.fi
Valvontaviranomainen
Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan 14 päivän kuluessa, voit tehdä ilmoituksen Etelä-Suomen aluehallintovirastoon. Lisätietoja Etelä-Suomen aluehallintoviraston sivustolla (avautuu uudessa välilehdessä).
Etelä-Suomen aluehallintovirasto
Saavutettavuuden valvonnan yksikkö
www.saavutettavuusvaatimukset.fi (avautuu uudessa välilehdessä)
saavutettavuus(at)avi.fi
Puh. (vaihde) 0295 016 000
