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 16.03.2026 manuaalisen WCAG 2.1 AA -auditoinnin ja proaktiivisten saavutettavuusparannusten 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ä. Alla olevassa taulukossa esitetään löydökset, korjaustoimenpiteet ja proaktiiviset parannukset.
Ei-saavutettava sisältö ja korjaustoimenpiteet
Auditointi toteutettiin 16.3.2026 manuaalisella kooditarkastelulla (WCAG 2.1 AA -kriteerien mukaisesti).
| # | 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
