EduJyväskylän ekologinen ja saavutettava verkkopalvelu

Lähtökohdat

Mikä oli toimeksianto tai ongelma joka piti ratkaista?

EduJyväskylä tarjoaa opiskelijoille monipuolisia mahdollisuuksia joustaviin opintopolkuihin ja ristiinopiskeluun, varmistaen sujuvat siirtymiset ja hyväksilukemisen menettelyt eri koulutusasteiden välillä. EduJyväskylä pyrkii myös edistämään korkeatasoisen osaamisen pohjalta syntyvää työelämäyhteistyötä, joka vaikuttavaa positiivisesti työllisyyteen ja asiantuntijoiden liikkuvuuteen kotimaassa ja ulkomailla. EduJyväskylä haluaa olla yrityksille ketterä ja helposti lähestyttävä kumppani.

EduJyväskylä päätti vuoden 2023 syksyllä uudistaa WordPress-pohjaisen verkkopalvelunsa. Verkkopalvelun käyttöliittymä, visuaalinen ilme ja tekniset ratkaisut kaipasivat päivitystä. Samalla uudistettiin verkoston strategia, nimi ja brändi.

EduJyväskylän verkkopalvelu on verkoston tärkein viestintäkanava, niin opiskelijoille, oppilaitosten henkilökunnalle kuin yhteistyötahoille. Verkkopalvelun vanhassa toteutuksessa oli monia ongelmia, jotka vaikeuttivat sekä sopivien opintojen löytämistä että asiakkaan edustajien työtä. Vanha verkkopalvelu oli toteutettu Elementor-lisäosalla, mikä vaikeutti sisällön muokkaamista. Myös responsiivisuus ja saavutettavuus olivat puutteellisia.

Uudistuksen taustalla oli tarve palvella paremmin erilaisia käyttäjäryhmiä: opiskelijoita, henkilöstöä ja yrityksiä. Erityisesti opiskelijoille suunnatut opintotarjottimen toiminnot, ristiinopiskelun ohjeet ja tapahtumakalenteri nähtiin kriittisinä toiminnallisuuksina. Verkkopalvelun uudistustarpeeseen vaikutti myös strategian päivitys ja brändimuutos: EduFutura Jyväskylä vaihtoi nimensä EduJyväskyläksi ja uudisti samalla visuaalisen ilmeensä.

EduJyväskylä aloitti uudistuksen hankkimalla uuden verkkopalvelun konseptin Mainostoimisto M1:ltä aiemmin kilpailutetun puitesopimuksen myötä. Konsepti valmistui keväällä 2024.

Uudistuksen pohjana hyödynnettiin myös Jyväskylän ammattikorkeakoulun visuaalisen viestinnän asiantuntijan päivittämää visuaalista ilmettä sekä uusia valokuvia, jotka suunnitteli ja toteutti REC.

Loppuosa projektista kilpailutettiin erikseen pienhankintana ja kilpailutuksen voitti Konsepto. Päätös toimittajasta tehtiin syyskuun 2024 loppupuolella. Tavoitteena oli julkaista uusi verkkopalvelu tammikuussa 2025.

Strategia

Minkälainen strategia haasteen ratkaisemiseksi valittiin? Mikä oli insight joka ohjasi suunnittelua?

Asiakas toimitti tarjouspyynnön mukana konseptisuunnitelman sekä alustavan vaatimusmäärittelyn, jotka oli laadittu projektin loppuosan kilpailuttamista varten.

Konseptissa oli päädytty siihen, että opintotarjotin on verkkopalvelun keskeisin osa, johon kannattaa panostaa. Mainittuja tavoitteita oli mm. navigoinnin yksinkertaistaminen, alasivujen määrän vähentäminen, kohderyhmäkohtainen lähestymistapa sisältöön sekä sisällön saavutettavuuden parantaminen erottamalla kuvat ja tekstit toisistaan. Samaa sisältöä oli tarkoitus hyödyntää eri sivuilla nostoina.

Konsepti sisälsi myös layout-luonnokset tärkeimpien näkymien ulkoasusta ja rakenteesta sekä alustavia suunnitelmia opintotarjottimesta. Verkkopalvelun suunnittelu oli tarkoitus viedä loppuun niiden pohjalta.

Vaatimusmäärittelyn pohjalta tavoitteena on luoda uuden konseptin sekä EduJyväskylä -brändin mukainen uusi verkkopalvelu. Verkkopalvelulta edellytettiin selkeyttä ja hyvää käytettävyyttä. Verkkopalvelun suunnittelussa ja toteutuksessa tuli huomioida erilaiset päätelaitteet, erityisesti mobiililaitteet, ja toteutusten tuli täyttää lain vaatimat saavutettavuusvaatimukset. Ulkoasun tuli noudattaa konseptia ja EduJyväskylän uutta visuaalista ilmettä.

Vaatimusmäärittely sisälsi myös listauksen verkkopalveluun tulevista toiminnoista, sekä paljon muita yksityiskohtia, kuten esimerkiksi vaatimuksia liittyen tietoturvaan, tietosuojaan, ylläpitoon, tukeen, käyttöpalvelun saatavuuteen yms. Suunnittelussa tuli pyrkiä kestävyyteen, verkkopalvelusta haluttiin kaksikielinen ja alustana tuli olla WordPress.

Sisältö ja käännökset oli määritelty asiakkaan vastuulle. Asiakas vastasi myös kuvien valinnasta.

Luova ratkaisu

Millä idealla tai näkökulmalla toimeksiantoa lähestyttiin?

Omalta osaltamme tavoitteena oli rakentaa moderni, responsiivinen, saavutettava ja kestävästi toteutettu verkkopalvelu, sekä vastata muutoksiin verkoston toiminnassa ja brändissä. Opintojen haun halusimme uudistaa mahdollisimman hyödylliseksi ja käyttäjäystävälliseksi, ja sisällön syöttämisen helpoksi ja sisällön muokkausmahdollisuudet kattaviksi. Lisäksi halusimme testata, viimeistellä ja optimoida verkkopalvelun huolella.

Projektin aikataulu oli varsin tiukka. Julkaisun oli tarkoitus ajoittua tammikuulle 2025. Hankintasopimus allekirjoitettiin 9.10.2024, minkä jälkeen projekti päästiin aloittamaan. Joululomat huomioiden tämä jätti koko projektille aikaa n. 3 kalenterikuukautta.

Projektin alussa laadittiin tarkka projektisuunnitelma, joka sisälsi mm. kuvaukset sopimuksesta, projektista, henkilöistä, vastuista, yhteystiedoista, prosessista, aikataulusta, palaute- ja hyväksymispisteistä, kommunikaatio- ja dokumentointikäytännöistä, seurannasta, raportoinnista ja riskienhallinnasta.

Riskienhallinnassa aikataulun pettäminen eri syistä tunnistettiin suurimmaksi riskiksi, mihin varauduttiin lisäämällä aikatauluun ylimääräistä aikaa loppuvaiheessa.

Projektissa päätettiin tehdä tiivistä yhteistyötä asiakkaan ja toimittajan välillä, jotta tämän kokoinen projekti olisi mahdollista suorittaa määrätyssä ajassa, ja jotta kaikki ratkaisut vastaisivat asiakkaan tavoitteita ja loppukäyttäjien tarpeita.

Varmistimme heti alussa, että asiakas oli edelleen tyytyväinen vaatimusmäärittelyyn ja konseptiin. Niitä ei ollut tarpeen avata, joten niitä seurattiin ja tarpeen mukaan täydennettiin tässä projektissa.

Konseptiin sisältyneet layout-luonnokset käsittivät vain osan sivuston sivuista, minkä lisäksi visuaalinen ilme oli sittemmin päivitetty. Keskusteluissa asiakkaan kanssa selvisi myös, että sivuston sisältöön, rakenteeseen ja ulkoasuun on tarpeen tehdä monia muutoksia suhteessa layout-luonnoksiin.

Ryhdyimmekin siis laatimaan yhdessä asiakkaan kanssa sisältösuunnitelmaa, jossa määriteltiin tarvittavat sivut, navigaatiohierarkia sekä sivujen alustava sisältö otsikkotasolla. Kun sisältösuunnitelma oli riittävän pitkällä, ryhdyimme suunnittelemaan lopullisia layout-kuvia kaikista tarvittavista näkymistä.

Opintotarjotinta ryhdyttiin edistämään rinnakkaisena polkuna lopullisten layout-kuvien kanssa, johtuen tiukasta aikataulusta.

Opintotarjotin (ts. opintojaksodata ja sen esittäminen, haku ja jaottelu) oli sivuston selkeästi monimutkaisin ja työläin ominaisuus suunnitella ja toteuttaa, ja myös käytettävyyden kannalta tärkein osio rakentaa huolella. Siihen kaivattiin myös monia muutoksia suhteessa konseptivaiheen suunnitelmiin.

Laadimme yhteistyössä asiakkaan kanssa tarkan vaatimusmäärittelyn opintotarjottimesta, jonka myötä selkenivät mm. tarvittavat sisällön tyypit ja kentät, taksonomiat, suodatuksen logiikka ja käytettävät termit käännöksineen. Suunnittelimme rautalankamallit eri näkymistä ja hyväksytimme ne asiakkaalla.

Sillä aikaa layout-kuvat muista näkymistä olivat edenneet pitkälle ja hyväksytetty asiakkaalla. Lopuksi suunniteltiin vielä layout-kuvat opintotarjottimen näkymistä ja muista puuttuneista näkymistä, ja todettiin nekin valmiiksi toteutusta varten.

Toteutus

Millainen on lopullinen toteutus ja miksi siihen päädyttiin?

Asiakkaan edustajat tekivät oman osuutensa projektista huolellisesti, ja vastasivat kysymyksiimme tarkasti ja yksiselitteisesti, mikä helpotti ja nopeutti projektia oleellisesti. Projektin kommunikaatio hoidettiin kokonaan pikaviestien (Slack) ja etäkokousten (Google Meet) avulla, mikä toimi erittäin hyvin.

Työn nopeuttamiseksi verkkopalvelun toteutus aloitettiin heti kun voitiin, niiltä osin kuin suunnitelmat olivat lähellä valmista. Kun suunnitelmat olivat valmistuneet, niin eri näkymien toteutus loppuun suunnittelutyön tulosten pohjalta oli suoraviivaista.

Käytimme uuden sivuston pohjana omaa prototyyppitoteutustamme, jossa monilla sivustoilla toistuvat sekä käyttöä helpottavat asiat on tehty valmiiksi. Responsiivisuus ja saavutettavuus on huomioitu valmiiksi omissa front-end-pohjakoodeissamme, pohjateemassamme, yleisesti käyttämissämme lisäosissa ja muissa teknisissä ratkaisuissamme, ja kaikki on tapauskohtaisesti räätälöitävissä esimerkiksi rakenteen, ulkoasun ja sisällön osalta. Tämä nopeuttaa kehitystyötä, säästää kustannuksia ja parantaa laatua.

Sivusto rakennettiin WordPressin perusominaisuuksien avulla siltä osin kuin järkevää. Perusominaisuuksista käyttöön tulivat esimerkiksi kirjautuminen, lohkoeditori erilaisine sisältölohkoineen, perussivut, artikkelit, kategoriat, mediakirjasto ja käyttäjien hallinta. WordPressin lohkoeditoria (ent. Gutenberg) olemme parannelleet omalla koodilla ja tyyleillä käytettävyyden parantamiseksi.

Myös monia kolmannen osapuolen lisäosia tarvittiin. Tärkeimpiä näistä ovat WPML (monikielisyys), Toolset Types (omat sisällön tyypit), Toolset Blocks (listaukset ja suodatus), Toolset Access (oikeudet), Contact Form 7 (lomakkeet), Relevanssi (haku), Broken Link Checker (linkkien tarkistus), Redirection (uudelleenohjaukset), Yoast SEO (hakukoneoptimointi), Perfect Images (kuvien optimointi), WP All Import Pro (sisällön siirto), W3 Total Cache (välimuisti) ja Wordfence (tietoturva).

Kolmannen osapuolen palveluista käyttöön otettiin mm. upotukset YouTube- ja Google Maps -palveluista, Google Analytics sekä CookieHub-evästebanneri. Kävijäseurantaan löytyy ilman evästeitä toimiva Matomo, jota hostaamme ja ylläpidämme omalla palvelimellamme.

Asiakkaan edustajille määriteltiin oikeudet muokata kaikkea sisältöä, käännöksiä, valikoita, käyttäjiä ja muuta vastaavaa, mutta ylläpitäjien työkalut näkyvät vain ylläpitäjille. Opintojaksoista vastaavat henkilöt voivat muokata vain omia opintojaksojaan.

Sisällöntuotannon helpottamiseksi koulutimme asiakkaan edustajat sivuston hallintapuolen käyttöön ja sisällön muokkaamiseen. Asiakkaan edustajat laativat ja syöttivät sivustolle uudet parannellut sisällöt verkoston eri organisaatioiden yhteistyönä. Lopuksi laadimme kirjalliset käyttöohjeet hallinnan käytöstä.

Kilpailutuksesta pois rajattu sisällön siirto haluttiin teettää meillä laajan opintojaksodatan osalta. Otimme näin ollen sisällöt ulos vanhalta sivustolta, muokkasimme ne uutta tietomallia vastaavaan muotoon ja annoimme ne asiakkaan täydennettäväksi taulukkomuodossa, siltä osin kuin tarvittiin uusia tietoja tai muokkauksia tietoihin. Asiakas hoiti muutokset ripeästi, minkä jälkeen siirsimme datan uuteen järjestelmään.

Verkkopalvelun ulkoasu, toiminnallisuus, responsiivisuus ja muut yksityiskohdat testattiin loppuvaiheessa tarkistuslistojen pohjalta, samalla korjaten ongelmia ja testaten korjattuja kohtia uudestaan. Asiakkaan edustajien ei tarvinnut juurikaan käyttää aikaansa virheistä tai puutteista raportoimiseen.

Yleisen testauksen jälkeen sivustolle tehtiin saavutettavuusauditointi, ja havaitut ongelmat korjattiin meidän ja asiakkaan toimesta. Myös uudelleenohjaukset määriteltiin toimestamme ennen julkaisua.

Tässä vaiheessa sivuston katsottiin olevan riittävän valmis, joten sivusto julkaistiin kaikille käyttäjille. Julkaisun jälkeen sivustoa optimoitiin vielä hieman lisää käyttökokemuksen, hakukonesijoitusten ja ekologisuuden parantamiseksi.

Ekologisuus

Millä keinoin verkkopalvelun ekologisuutta on parannettu?

Vastuullisuusasioista kilpailutuksessa huomioitiin hosting-ratkaisun ekologisuus, siten että korkeasta fossiilittoman energian osuudesta sai lisäpisteitä. Se ei kuitenkaan riittänyt tuomaan eroa tarjoajien välille, sillä kaikki tarjoajat saivat sen osalta maksimipisteet.

Vaikka ekologisuutta ei vaadittu eikä pisteytetty hankinnassa muuten kuin datakeskusten energiankäytön osalta, niin huomioimme ekologisuuden samalla tavalla kuin muissakin projekteissamme.

Päästölähteet

Huomaathan, että seuraavat pohdinnat on kirjoitettu verkkosivustojen rakentajan käytännönläheisestä näkökulmasta, sen sijaan että tieteellisestä näkökulmasta.

Yksinkertaisuuden vuoksi keskitymme tässä vain hiilidioksidipäästöihin, mutta voitaneen olettaa, että muut ekologiset haitat ovat jossain määrin suhteessa hiilidioksidipäästöihin.

Näkemyksemme mukaan tyypillisen verkkosivuston elinkaaripäästöjä kannattaa tarkastella ainakin seuraavista näkökulmista:

• Työ
  • Palvelun rakentaminen
  • Palvelun ylläpito
  • Palvelun jatkokehittäminen
  • Palvelun uudistaminen
• Käyttö
  • Päätelaitteet
  • Palvelin
  • Verkko

Työn osalta tärkeimpiä päästölähteitä ovat tyypillisesti:

• Ostopalvelut
• Lämmitys-, jäähdytys- ja sähköenergia
• Laitteet, kalusteet, matkat, jätteet jne.

Käytön osalta päästölähteitä ovat ainakin:

• Infrastruktuuri
• Laitteet
• Sähkö-, jäähdytys- ja lämmitysenergia

Näiden päästöjen osuuksia tai absoluuttisia määriä on valitettavan vaikeaa arvioida tarkasti, ja ne myös vaihtelevat tapauksesta toiseen, esimerkiksi järjestelmän raskauden, käyttömäärien ja sijaintien mukaan. Pyrimme tämän takia vähentämään päästöjä mahdollisuuksien mukaan jokaisessa tunnistetussa yhteydessä, tervettä järkeä käyttäen.

Työn päästöt

Sivuston kehittämisen vaatiman työn aiheuttamat päästöt muodostavat tyypillisesti merkittävän osan kokonaispäästöistä, joten ne kannattaa huomioida sivuston ekologisuutta arvioitaessa.

Yrityksemme on ollut hiilineutraali vuodesta 2021 lähtien. Laskemme vuosittain koko hiilijalanjälkemme (Greenhouse Gas Protocol, scope 1-3), pyrimme aktiivisesti minimoimaan päästöjämme ja kompensoimme päästömme kaksinkertaisesti luotettavien kompensointimenetelmien ja -palveluntarjoajien avulla. Osoituksena tästä meille on myönnetty Koodia Suomesta ry:n Hiilineutraali yritys -merkki. Konsepto oli toinen kahdesta merkin ensimmäisenä saaneesta yrityksestä.

Käytimme sivuston rakentamisessa hyödyksi vuodesta 2012 eteenpäin kehittämäämme WordPress-sivuston, -lisäosien, -teeman ja front-end-koodien pohjatoteutustamme, mikä vähensi toteutuksen vaatimaa työmäärää oleellisesti.

Käyttökokemuksen hiomiseen, optimointiin ja vastaavaan käytettiin melko paljon työaikaa, mikä lisäsi päästöjä projektin aikana, mutta toisaalta sen voisi olettaa pidentävän sivuston elinkaarta, mikä puolestaan vähentää elinkaaripäästöjä.

Kokoukset hoidettiin kokonaan etänä, joten matkustustarvetta ei syntynyt.

Hyödynsimme sivuston rakentamisessa tekoälyä (ChatGPT, Github CoPilot), jonka aiheuttamia päästöjä on hyvin vaikea arvioida, mutta tiettävästi ne ovat kokonaisuutena varsin suuria, erityisesti kielimallin kouluttamisen osalta. Toisaalta tekoälyn vastausten avulla säästettiiin monia Google-hakuja sekä jonkin verran työaikaa, jotka molemmat olisivat myös aiheuttaneet päästöjä. Emme osaa arvioida oliko tekoälyn käyttö kokonaisuutena hyvä vai huono asia ekologisuuden kannalta.

Joka tapauksessa voinemme sanoa että sivuston rakentamisen aiheuttamat hiilidioksidipäästöt jäivät verrattain pieniksi pohjatoteutuksen sekä yrityksemme hiilineutraaliuden takia.

Samaa voinemme sanoa sivuston ylläpito-, hosting- ja tukipalveluista, joita toimitamme samoilla tavoin useille kymmenille eri asiakkaiden sivustoille. Automatisointi ja keskittäminen vähentävät niiden työmääriä ja sitä kautta päästöjä, samoin kuin yrityksemme hiilineutraalius.

Mikäli sivusto säilyy tulevaisuudessa yrityksemme ylläpito-, hosting- ja jatkokehityspalveluiden piirissä, sama koskee elinkaaren päästöjä. Pyrimme myös kehittämään sivustoja tasaisesti niiden koko elinkaaren ajan, jotta vältyttäisiin isoilta kokonaisuudistuksilta.

Käytön päästöt

Käsittääksemme suurin osa tietoteknisten laitteiden hiilidioksidipäästöistä syntyy raaka-aineiden hankkimisesta ja laitteiden valmistamisesta, ja osa myös niiden markkinoinnista, myynnistä, varastoinnista, kuljetuksista ja vastaavasta. Niihin verrattuna laitteiden sähkönkulutuksen aiheuttamat päästöt ovat verrattain pieniä.

Sivuston käytön osalta uusien laitteiden hankkimisen aiheuttamat päästöt voidaan minimoida esimerkiksi rakentamalla ja optimoimalla sivustot mahdollisimman nopeiksi ja kevyiksi, niin palvelimella, verkossa kuin käyttäjien päätelaitteilla, sekä huolehtimalla yhteensopivuudesta vanhojen ohjelmistojen ja laitteiden kanssa.

Energiankulutuksen aiheuttamat päästöt voidaan minimoida suosimalla ekologisia palvelinkeskuksia ja muita palveluita, sekä rakentamalla ja optimoimalla sivut mahdollisimman nopeiksi ja kevyiksi.

Tämä sivusto sijaitsee Suomessa sijaitsevassa Googlen Haminan datakeskuksessa, jota markkinoidaan ekologisena. Tarkemmat tiedot palvelimen ekologisuudesta selviävät Googlen ympäristöraportista.

Sopimusehtoihin sisältyvästä korkeasta palvelun saatavuusvaatimuksesta johtuen julkaistu sivusto sijaitsee omalla virtuaalipalvelimellaan, sen sijaan että samalla palvelimella muiden verkkosivustojen kanssa. Tämä saattaa hieman lisätä sivuston aiheuttamia päästöjä, riippuen siitä miten palvelinten kuormaa tasataan. Sivuston parempi saatavuus on toisaalta hyödyksi loppukäyttäjille.

Valitettavasti emme pysty mittaamaan sivuston energiankulutusta suoraan, mutta se saa nopeuden optimoinnin pohjalta melko hyvät tulokset erilaisilla auditointityökaluilla, mikä tarkoittaa sitä, ettei sen käytön pitäisi aiheuttaa paljoa turhia ilmastopäästöjä.

Sivustoa saattaisi voida optimoida vielä hieman lisää, mutta arvioimme, että lisäoptimoinnin käytännön vaikutus sivuston käytön ilmastopäästöihin olisi pieni, ja kokonaisvaikutus saattaisi olla negatiivinen johtuen sen vaatimasta työmäärästä.

Päästövähennysmahdollisuuksia

Työskentelyn tehostaminen olisi kannattavaa sekä päästöjen vähentämisen että kustannusten alentamisen näkökulmista. Suunnittelun, projektinhallinnan, asiakaspavelun ja vastaavan kohdalla työmäärän vähentäminen nykyisestä olisi kuitenkin vaikeaa laadun kärsimättä.

Nykyistä alempiin päästöihin pääseminen sivuston toteuttamisen ja optimoinnin osalta saattaisi olla mahdollista. Esimerkiksi korvaamalla WordPress-julkaisujärjestelmän järkevämmällä, yksinkertaisemmalla ja tehokkaammalla järjestelmällä voisi olla mahdollista alentaa ilmastopäästöjä selvästi, niin käytön kuin myös toteutuksen, testauksen, ylläpidon ja hostingin osalta. Mutta sopivaa korvaajaa ei ole toistaiseksi ollut saatavilla, ja WordPress kuului myös kilpailutuksen vaatimuksiin.

Mikäli palvelininfrastruktuurin ja erilaisten verkkopalveluiden, kuten vaikkapa tekoälysovellusten tarjoajat jakaisivat vertailukelpoista tietoa omista päästöistään, palveluntarjoajia voisi valita niiden todellisen ekologisuuden näkökulmasta. Se olisi iso parannus verrattuna nykytilanteeseen, jossa useimpien palveluntarjoajien vertailu on käytännössä mahdotonta.

Saavutettavuus

Miten lopputuloksen saavutettavuus varmistettiin?

EU:n verkkopalveluiden saavutettavuusdirektiivi on ollut erittäin tärkeä uudistus, joka edesauttaa vammaisten ihmisten yhdenvertaisuuden toteutumista nykyisin erittäin keskeisessä digitaalisessa ympäristössä.

Olemme suunnitelleet, toteuttaneet ja auditoineet saavutettavuusvaatimusten mukaisia sivustoja siitä lähtien kun Suomen digipalvelulakia alettiin soveltaa ja niille syntyi kysyntää vuonna 2019.

Tämän sivuston kilpailutukseen ei ollut alun perin sisällytetty saavutettavuusauditointia, mutta saavutettavuusauditointi hankittiin meiltä erikseen suoritettavaksi sivuston valmistumisen jälkeen.

Auditoimme sivuston saavutettavuuden WCAG 2.2 AA-tason ohjeita vasten. Versio 2.2 on ohjeiden uusin versio, joka sisältää muutaman lisäyksen suhteessa lain vaatimaan 2.1-versioon.

Testasimme myös käytännön saavutettavuuden yleisesti käytetyillä ruudunlukuohjelmilla NVDA (Windows), VoiceOver (Mac, OSX) ja TalkBack (Android), näppäimistöllä, kosketuslaitteella, tietokoneella ja mobiililaitteilla.

Vaikka laki ei sitä vaadi, lähdimme heti alusta asti testaamaan sivustot myös apuvälineillä. Haluamme tehdä oikeasti käytettäviä sivustoja, myös niille joille visuaalisen käyttöliittymän käyttö on mahdotonta, ja pienetkin virheet toteutuksessa voivat estää käytön kokonaan. Tämän johdosta kaikki tekijämme ymmärtävät miltä sivut kuulostavat ruudunlukuohjelmilla ja mitä niiden saavutettavuuden eteen kannattaa tehdä.

Auditoimme sivuston myös kognitiivisen saavutettavuuden arviointikriteeristöä vasten, mikä kuuluu normaaliin saavuttettavuusauditoinnin sisältöömme. Vaikka laki ei sitä vaadi, niin haluamme auditoida sivustot myös kognitiivisen saavutettavuuden näkökulmasta mahdollisimman kattavan saavutettavuuden aikaansaamiseksi. Käytämme tähän tarkoitukseen Selkeästi meille -hankkeen laatimaa kognitiivisen saavutettavuuden arviointikriteeristöä.

Laadimme samalla saavutettavuusauditoinnin sisällöstä ja löydöksistä raportin, jonka jaoimme kehittäjille ongelmien korjausta varten, sekä asiakkaalle tutustuttavaksi.

Bonuksena lisäsimme auditointiraporttiin huomion, että sivustolta puuttuvat toimiston ja tapahtumien esteettömyystiedot. Tämäkään ei kuulu lain vaatimuksiin.

Tutustu saavutettavuusauditoinnin raporttiin

Auditoinnin jälkeen korjasimme löytyneet saavutettavuusongelmat niiltä osin kuin ne olivat korjattavissa, ja lopuksi laadimme saavutettavuusselosteen sivustolle.

Vielä parempaan lopputulokseen voisi olla mahdollista päästä, mikäli sivusto testattaisiin sekä yleisen käytettävyyden että saavutettavuuden osalta oikeiden käyttäjien avulla, mutta sellaista ei sisältynyt tähän hankintaan.

Haasteet

Mitkä olivat suurimmat haasteet projektissa?

Projektissa käytetty teknologia sekä suunnitteluun, toteutukseen, testaukseen, optimointiin ja saavutettavuuteen liittyvät asiat ovat meille hyvinkin tuttuja ennestään, joten mitään erityisempiä ongelmia niiden suhteen ei ollut. Työmäärät kasvoivat silti varsin suuriksi suhteessa hankinnan hintaan, mitä oli vaikea välttää tällä tavalla kilpailutetussa projektissa ja toisaalta korkeaan laatuun pyrkivässä tuotannossa.

Tiukka aikataulu sekä projektin keskittyminen kiireisimpään aikaan vuodesta aiheuttivat hieman ylimääräistä painetta, mutta siitä selvittiin kohtalaisen hyvin. Aikataulu venyi suhteessa projektisuunnitelmaan johtuen mm. joulun sesonkinkiireistä ja avainhenkilöiden sairasteluista, mutta loppuvaiheeseen varattu ylimääräinen aika riitti kattamaan sen.

Tulokset

Minkälaisia tuloksia työllä saavutettiin?

Tiukasta aikataulusta huolimatta verkkopalvelu julkaistiin ajallaan tammikuussa, juuri sopivasti ennen Grand One -osallistumisen määräaikaa.

Yhteistyö asiakkaan edustajien kanssa eteni todella sujuvasti, johtuen osallistujien kokemuksesta, molemminpuolisesta luottamuksesta ja tiiviistä yhteydenpidosta pikaviestein ja etäkokouksin.

Uuden verkkopalvelun avulla mukana olevien oppilaitosten opiskelijat voivat rakentaa omat opintopolkunsa poimimalla kunkin EduJyväskylä-oppilaitoksen tarjonnasta itseään kiinnostavat opinnot. Verkkopalvelu tarjotaan suomeksi ja englanniksi.

Opiskelijat voivat hakea itselleen soveltuvia opintoja opintojaksojen suodatuksen avulla. Hahmottamisen helpottamiseksi opinnot on jaoteltu teemoihin kuten Hyvinvointi, Kestävyys ja vastuullisuus ja Peliopinnot. Opiskelijatarinat tuottavat inspiraatiota ristiinopiskelun pohjaksi. Ristiinopiskeluun tarjotaan myös kattavat ohjeet, sekä opiskelijoita että oppilaitosten henkilöstöä varten.

Opintoihin liittyvän sisällön lisäksi verkkopalvelu tarjoaa uutisia sekä tietoa tapahtumista, työelämäyhteistyöstä, organisaatiosta, yhteyshenkilöistä ja yhteystiedoista.

Tekijät

Konsepti

Mainostoimisto M1 (Media M1 Oy)

• Teemu Isomöttönen
• Jenna Haimakainen
• Matti Humalamäki

Visuaalinen ilme

EduJyväskylä-verkosto

• Anni Wargh
• Kati Poikonen
• Karri Kallio
• Sannina Salin

Jyväskylän ammattikorkeakoulu

• Marianna Mäkelä

Sisältö

EduJyväskylä-verkosto

• Anni Wargh
• Kati Poikonen
• Karri Kallio
• Sannina Salin

Jyväskylän ammattikorkeakoulu

• Kati Poikonen
• Marianna Mäkelä
• Upe Nykänen
• Katja Räsänen

Jyväskylän yliopisto

• Maria Hämäläinen

Valokuvat

Rec (Rec Finland Oy)

• Eetu Linnankivi

Suunnittelu, toteutus, testaus, optimointi, saavutettavuusauditointi

Konsepto (Konsepto Oy)

• Mikko Paltamaa: vaatimusmäärittely, suunnittelu, toteutus, sisällön siirto, koulutus, optimointi, projektinhallinta
• Jukka Kalenius: toteutus, optimointi
• Taneli Perälä: graafinen suunnittelu, testaus, saavutettavuusauditointi