Itä-Suomen tanssin aluekeskus (ITAK) edistää tanssin saavutettavuutta Itä-Suomessa, mutta heidän vanha verkkosivustonsa vastasi heikosti tähän tehtävään. Vuonna 2020 viimeksi uudistettu sivusto oli vaikea päivittää, kömpelö mobiililaitteilla, ja sivustolla oli useita saavutettavuusongelmia, jotka rikkoivat WCAG 2.2 -ohjeistusta.
Saavutettavuusongelmat olivat moninaisia: värikontrastit jäivät WCAG:n minimivaatimusten alle ja semanttinen HTML oli puutteellista. Esimerkiksi h1-tason otsikko puuttui kokonaan joiltain sivuilta. Monista kuvista puuttuivat myös kuvaavat alt-tekstit.
Uuden verkkosivuston tavoitteet olivat selkeät:
- korjata saavutettavuusongelmat ja täyttää WCAG 2.2 A ja AA -vaatimustasot
- tehdä sivustosta helposti päivitettävä asiakkaalle
- saada sivusto toimimaan sujuvasti mobiililaitteilla
- siirtää vanhan sivuston laajat uutis- ja esitysarkistot uudelle alustalle
- toteuttaa kaksikielinen sivusto (suomi ja englanti)
- kehittää yhdistyksen avustusten hakemisprosessia
Ulkoasu ja saavutettavuus käsi kädessä
Uuden sivuston visuaalisen ulkoasun toteutin noudattaen yhdistyksen graafista ohjeistusta. Uusi ulkoasu antaa sisällölle selkeät rakenteet, jotka auttavat niin sisällön luettavuudessa kuin löydettävyydessäkin. Päävärien (musta ja valkoinen) lisäksi sivuston elementeissä käytin yhdistyksen eri violetin sävyjä sekä mintunvihreää. Värivalinnoilla sain vanhan sivuston värikontrastiongelmat helposti korjattua.
Uuden sivuston navigaatiota suunniteltaessa päädyin ratkaisuun, joka tuottaa yhtenäisen kokemuksen sekä pöytä- että mobiililaitteilla. Sivuston rakenne sisältää useita alasivuja, joista osa on sivuston keskeisimpiä. Tämän vuoksi sen sijaan, että navigaatiossa olisi useita yksittäisiä alasvetovalikoita, valikon avatessa kaikki pää- ja alasivut ovat heti näkyvissä ja ne pysyvät auki, vaikka kursori liikkuisi sivulla minne tahansa. Tällä ratkaisulla, vaikka käyttäjällä olisi motorisia haasteita, kuten käsien vapinaa, pystyy kävijä rauhassa valitsemaan etsimänsä sivun. Painikkeen kautta avautuvasta ratkaisusta huolimatta navigaatio on selattavissa myös pelkästään näppäimistöllä.
Koko kehitysvaiheen ajan testasin sivustoa säännöllisesti saavutettavuustestaustyökaluilla. Loppuvaiheessa testasin sivustoa lisäksi yhteistyössä näkövammaisen kokemusasiantuntijan kanssa, minkä ansiosta sain arvokasta palautetta todellisesta käyttökokemuksesta.
Automatisoitu sisällönsiirto ja uudet integraatiot
Uusi sivusto käyttää sisällönhallintajärjestelmänään Kirbyä. Kirby valikoitui alustaksi sen intuitiivisen muokkauskokemuksen ja suorituskyvyn vuoksi, ja se tukee kaksikielistä sisällönhallintaa vaivattomasti. Lisäksi kuvien alt-tekstien kirjoittamiselle ja hallinnoimiselle loin oman erillisen näkymän lisäosan avulla. Tämä helpottaa asiakasta lisäämään alt-tekstit systemaattisesti kaikkiin kuviin.
Siirrettävää sisältöä oli runsaasti sillä vanhan sivuston uutis- ja esitysarkistoissa oli kummassakin useita satoja yksittäisiä julkaisuja. Kaiken tämän sisällön manuaalinen syöttäminen käsin olisi ollut kohtuuttoman työlästä, joten kehitin automatisoidun työkalun, joka muunsi vanhan sivuston sisällöt Kirby-alustalle. Lopputuloksena kaikki historiallinen sisältö on käytettävissä uudella sivustolla ilman, että yhtäkään merkintää tarvinnut syöttää käsin.
Rakensin sivustolle myös integraation Microsoft OneDriven palveluun. ITAK myöntää tukea tanssitaiteelle, ja heidän sivustollaan on useita tukihakemuslomakkeita. Integraation ansiosta lomakkeilla lähetetyt hakemukset tallentuvat suoraan yhdistyksen omaan OneDriveen, jonka vuoksi ylimääräistä kopiointia tai tietojen etsimistä sähköpostien seasta ei enää tarvita. Koska hakemustiedot pysyvät yhdistyksen omissa järjestelmissä eivätkä hajaudu ulkopuolisiin palveluihin tai sähköpostilaatikkoihin, on henkilötietojen hallinta GDPR:n edellyttämällä tavalla huomattavasti selkeämpää.
Lopputulos on moderni, saavutettava ja helppokäyttöinen verkkosivusto, joka palvelee sekä ITAKin henkilöstöä että heidän laajaa sidosryhmäänsä tanssin parissa.
