Yhteishyvä.fi – Suomen saavutettavin lifestyle-media​

Yhteishyvä on yksi Suomen suurimmista lifestyle‑medioista ja tavoittaa yli miljoona aktiivista kävijää kuukaudessa. Inspiroimme suomalaisia ruoka- ja resepti-sisällöillä sekä arkielämää koskettavilla aiheilla ja julkaisemme uutta sisältöä tiheästi, noin 3-5 juttua päivässä. Yhteishyvän ruokasivusto oli Suomen tunnetuin ruokasivusto vuonna 2025, ja meidät valittiin vuoden asiakasmediaksi Aikakausmedian Editgaalassa 2025. ​

​Vaikka sisältö tavoittaa hyvin laajan yleisön, Yhteishyvän sivustoa (yhteishyva.fi) ei alun perin rakennettu saavutettavuus edellä. Vuonna 2024 havaitsimme merkittäviä puutteita erityisesti semantiikassa, näppäimistönavigoinnissa sekä kuvien ja painikkeiden tekstivastineissa. Monille käyttäjille — kuten näppäimistöön tukeutuville tai ruudunlukijoita käyttäville — palvelu ei ollut täysimääräisesti käytettävissä. ​

Loppuvuodesta 2024 käynnistimme laajan saavutettavuuskehityksen. Tavoitteenamme oli rakentaa Suomen saavutettavin lifestyle-media: palvelu, joka on aidosti kaikkien käytettävissä rajoitteista riippumatta – vaikka emme kuulukaan saavutettavuusdirektiivin piiriin. Haluamme, että inspiraatio arjesta juhlaan tavoittaa kaikki.​

Strategia

Suunnitteluamme ohjasi halumme olla Suomen suosituin lifestyle-media, joka palvelee asiakkaita monikanavaisesti arjesta juhlaan. Ymmärsimme että tämä on mahdollista vain, jos sisältömme on aidosti kaikkien suomalaisten saavutettavissa.​

Strategiamme rakentui vahvan asiakasymmärryksen varaan: Jos haluamme palvella miljoonia suomalaisia arjessa ja juhlassa, palvelumme on oltava kaikkien suomalaisten saavutettavissa. Saavutettavuus ei saa olla vain tekninen velvollisuus vaan se on osa Yhteishyvän visiota — inspiroiva sisältö kuuluu kaikille.​

Lähestymistapamme perustui kahteen periaatteeseen:​

1. Saavutettavuus osaksi pysyviä toimintamalleja. Saavutettavuus ei saa olla yksittäinen projekti tai pelkkää teknistä kehitystä, vaan lähtökohta kaikessa tekemisessä aina designista kehitykseen ja sisällöntuotantoon.​

2. Organisaation osaamisen kasvattaminen. Jaoimme tietoa ja oppeja koko Yhteishyvän toiminnallisen tiimin kesken, jotta ymmärtäisimme saavutettavuuden vaikutuksen ja merkityksen käyttäjäkokemuksessa ja media-alan vastuullisessa tekemisessä.​

​Ratkaisu

Saavutettavuus on osa Yhteishyvän ydinkokemusta, ei erillinen lisä.​

Loimme ratkaisun, jossa:​

• Käyttäjän kulku sivustolla suunniteltiin uudelleen eri käyttötilanteiden mukaan: näppäimistö, ruudunlukija, mobiili, rauhallinen navigointi, nopea tiedonhaku.​

• Lisäsimme konkreettisia käytettävyyttä parantavia elementtejä, kuten “Skip to content” ja “Skip carousel” ‑painikkeet, jotka tekevät sivustosta huomattavasti nopeammin navigoitavan.​

• Uudistimme semantiikan ja komponenttien käyttäytymisen niin, että modaalit, karusellit, navigaatio ja fokusjärjestys toimivat oikein kaikissa olosuhteissa.​

• Hyödynsimme SOK:n saavutettavia design system -komponentteja, jotta ratkaisut ovat kestäviä ja yhdenmukaisia pitkällä aikavälillä.​

Toteutus

Laaja auditointi​

• Ensimmäiseksi teimme yhteishyvä.fi –sivuston laajan auditoinnin eri työkaluilla (Wave Accessibility Evaluation Tool ja Axe DevTools) sekä ruudunlukijaa ja näppäimistönavigointia hyödyntäen.​

• Suurimmat sivustolta löytyneet esteet liittyivät näppäimistönavigaatioon ja puutteellisiin tekstivastineisiin kuvissa ja eri painikkeissa. Käyttäjille nämä näkyivät haasteina saavutettavuuden kannalta esimerkiksi päänavigaatiossa ja sisäänkirjautumisessa. ​

Kriittiset korjaukset​

Korjasimme ensin kaikki virheet, jotka estivät sivuston käytön apuvälineillä. Tämä teki palvelusta heti merkittävästi käyttäjäystävällisemmän.

Jatkuvat toimintamallit​

• Kehitimme jatkuvat testauskäytännöt, jotta välttäisimme uusien saavutettavuusongelmien syntymisen. Esimerkiksi meillä on nyt käytössä automaattinen testaus kaikille eri sivupohjille jokaisessa deployn yhteydessä. Jos testi epäonnistuu, deployta ei voi viedä eteenpäin ennen kuin virheet on korjattu.​

• Keräämme jatkuvasti palautetta asiakkailta (mm. NPS, CSAT, asiakasillat), joka ruokkivat kehitystämme. Uutta kehittäessä saavutettavuus huomioidaan niin designissa kuin teknisessä kehityksessä. ​

• Kaikille Yhteishyvän tekijöille on järjestetty Design-yksikön saavutettavuuskoulutus. Esimerkiksi sisällöntuottajille on luotu ohjeistus alt-teksteihin, otsikkorakenteisiin ja ymmärrettävän kielen käytäntöihin.​

• Lisäksi opimme jatkuvasti ja jaamme tietoa aktiivisesti Yhteishyvän toiminnallisen tiimin kesken.​

Konkreettisia parannuksia vuonna 2025​

• Luotu Yhteishyvän saavutettavuusseloste.​

• Kaikki sivupohjat on päivitetty saavutettaviksi.​

• Skip-painikkeet lisätty sivustolle.​

• Karusellien ja modaalien fokus käyttäytyy oikein.​

• Semanttisuus ja ruudunlukijalle annetut vihjeet korjattu laajasti.​

WebAIM Million 2024–2025: Yhteishyvä nousi maailman top 10 %:iin​

• 2024: #217,847​

• 2025: #68,660 (TOP 10 %)​

Nousu on huomattava etenkin siihen nähden, että Yhteishyvä suoriutui paremmin kuin monet Suomen suurimmat lifestyle- ja verkkopalvelut.

Parannusten jälkeen Yhteishyvän verkkosivusto tarjoaa:​

• Saavutettavan ja esteettömän käyttökokemuksen ​

• Hyvin toimivan näppäimistönavigoinnin ja ruudunlukijatason semantiikan​

• Ymmärrettävää, laadukasta sisältöä, joka on jatkossa saavutettavasti tuotettua​

• Sujuvan ja yhdenmukaisen käyttökokemuksen kaikille käyttäjäryhmille​

Organisaatiotasolla muutos saavutettavuudessa näkyy siinä, että saavutettavuus on nyt:​

• Sisäänrakennettu osa kehitysprosessia​

• Läsnä designissa ja sisällöntuotannossa​

• Osa organisaation kyvykkyyttä, ei vain yksittäisten henkilöiden osaamista​