Vanha aarrekartta, josta kahden ihmisen kädet pitävät kiinni.
Tapahtumat, TINEL

Saavutettavaa konferenssikokemusta luomassa – verkkosivustosta alkaen

Isoja tapahtumia varten luodaan aina verkkosivusto. SeOppi on mukana järjestämässä kansainvälistä konferenssia eOppimisen saavutettavuudesta osana TINEL-hanketta.

Meitä toimijoita tapahtuman ympärillä on useita ja kaikilla on omat julkaisujärjestelmänsä talojen sisällä. Alustaa valittaessa meille tärkeimmiksi kysymyksiksi nousivat

  • Pääsevätkö kaikki helposti muokkaamaan sivuja
  • Pystymmekö takaamaan ilmoittautuneiden tietosuojan vaaditulla tasolla
  • Pystymmekö helposti upottamaan tietoa muilta sivuilta
  • Voimmeko luottaa palvelun pysyvyyteen ja tietoturvaan
  • Olisiko oletettavaa, että tuottamamme sivut olisivat saavutettavat

Olemme käyttäneet Google Sitesiä pitkään ja oletimme sen olevan hyvä valinta myös tähän.

Kuvakaappaus konferenssin verkkosivujen etusivulta. Artikkelitekstissä kuvaillut sivun osiot, kuten navigaatiopainikkeet on ympäröity punaisilla laatikoilla.
Kuvakaappaus konferenssin verkkosivuilta.

Sivuston ensimmäisessä versiossa:

  • sivun otsikkoalue muodostuu kolmesta osasta
    • alimpana on kuva,
    • sen päälle Google generoi itse harmahtavan kerroksen parantamaan tekstin luettavuutta
    • päällimmäisenä on otsikko tekstinä
  • navigaatio sijoitettiin yläreunaan
  • tekstialue keskelle ruutua
  • alareunaan hankkeen toimijoiden logot ja
  • ihan alimmaisena rivi vaadittuja rahoittajien logoja

Sivustolla upotettuina elementteinä ovat Google Forms -työkalulla tehty ilmoittautumislomake sekä Google Maps -kartta konferenssin tärkeimmistä paikoista.

Teknisesti katsoen sivut ovat hyvin yksinkertaiset, ei mitään ylimääräistä karkkia.

TINEL-hanke keskittyy verkkoaineistojen saavutettavuuden kehittämiseen erityisesti korkea-asteen näkökulmasta. 2020-2021 järjestettävät koulutukset keskittyvät opetusmateriaalien kehittämiseen ja opettajien täydennyskoulutukseen, mutta myös kaikki hankkeessa tuotettu materiaali täytyy olla saavutettavaa.

Niina testasi sivustoa WebAIMin WAVE-työkalulla sekä Microsoftin Accessibility Insights for Web -työkalulla omalla Windows-koneellaan. Samanaikaisesti Sanjit ja Kaisa testasivat sivustoa Yorkissa.

Ensimmäisen kierroksen huomiot:

  • Yläpalkin navigaatio ei toimi perustoiminnoilla.
  • Ruudunlukijalla luettaessa kappaleenvaihdot toimivat ihan hyvin. Kuulija kestää, vaikka lukija sanoo ääneen sanan ”tyhjä” yhden kerran. Monta tyhjää peräkanaa olisi ärsyttävää.
  • Tekstit itsessään olivat sopivan mittaisia ja niitä jaksoi kuunnella.
  • Kaikissa kuvissa ei ollut kuvailevaa alt-tekstiä ruudunlukijaa varten.

Suurimmaksi haasteeksi muodostui yläpalkin navigaatio. Sivulta toiselle ei pystynyt kulkemaan, koska navigaatio muodostui ns. lista-elementeistä, jotka kaikki olivat samanarvoisia. Ruudunlukija ei siis osannut vaihtaa listan elementistä toiseen.

Korjausliikkeenä testasimme erilaisia vaihtoehtoja navigaatiolle. Google tarjoamat vaihtoehdot eivät toimineet, joten lopulta päädyimme lisäämään sivuston alareunaan erillisen navigaation painikkeiden avulla. Sanjit on tehnyt omassa väitöskirjatyössään lukuisia haastatteluja sokeiden kanssa. Haastattelujen mukaan on ihan ok, jos navigaatio löytyy etusivulta, jolle voi aina palata. Riittää kun tietää mistä pääsee kulkemaan. Me kuitenkin päätimme, että teknisen käytettävyyden takia on parempi, että painikkeet ovat kaikilla sivuilla.

Kuvatekstit lisättiin ja muutama ylimääräinen tyhjä poistettiin.

Toisessa testiajossa sivusto olikin jo huomattavasti saavutettavampi eikä välittömiä korjaustarpeita enää ilmennyt.

Mitä siis muistaa saavutettavuuden kannalta:

  • Selkeä ja yksinkertainen kieli toimii ruudunlukijalla parhaiten
  • Muista kuvien alt-tekstit, jotta ruudunlukija pystyy kertomaan, mitä kuvissa on. Kerro kuvista niin, että niiden merkitys tekstiin säilyy. (context, and content richness stays)
  • Selkeä layout ilman kikkailua lisää saavutettavuutta ja antaa mahdollisuuden kaikille käyttäjille, vaikka visuaalinen ilottelu ehkä jäisikin vähemmälle.
  • Tarkista, että sivun navigaatio toimii erilaisilla koneilla, alustoilla ja selaimilla myös ruudunlukijan varassa. Toimimaton navigointi voi aiheuttaa ikuisen loopin (ns. “Keyboard trap”).

Linkkejä

Mainokset
SeOppi maailmalla, Tapahtumat

Mobiilioppimisen verkosto vieraili Aalto-yliopistolla

OppimiskeskuksessaSuomen eOppimiskeskus ry:n koordinoima Mobiilioppimisen verkosto kokoontui pikkujoulujen merkeissä 25.11. Aalto-yliopiston uudessa oppimiskeskuksessa Otaniemessä. Vierailun isäntänä toimi professori Teemu Leinonen, joka esitteli verkostolle paitsi uuden oppimiskeskuksen myös rakenteilla olevan Väre-talon havainnekuvia.

Aalto-yliopiston tutkijat Marjo Virnes ja Matti Jokitulppo esittelivät verkostolle Learning Layers -hankkeessa kehitettyjä mobiilisovelluksia.

Mobiilioppimisen verkosto Ach So! -sovellus mahdollistaa videoiden tallentamisen ja annotoimisen mobiililaitteella sekä annotoitujen videoiden jakamisen – mainio reflektoinnin apuväline tekemällä oppimisen tueksi!

SoAR puolestaan on yhteisöllistä, reaaliaikaista ongelmanratkaisua tukeva videopuhelusovellus, jossa videokuvan yksityiskohtia voi korostaa piirtämällä.

Lisäksi tutustuttiin LifeLearn-alustaan Tarmo Toikkasen johdolla. LifeLearn tuo yksinkertaiset oppimispolut mobiililaitteeseen mahdollistaen maksuttoman opiskelun ja opettamisen yhteisöllisesti.

Verkosto koollaKeskustelua verkostosta ja kesäkoulusta

Esittelykierroksen ja sovellysesittelyiden jälkeen kokoonnuttiin keskustelemaan verkostosta sekä mobiilikesäkoulun tulevaisuudesta uuden puheenjohtajan, Pauliina Venhon johdolla. Lisätietoja tulevista tapahtumista tulossa ensi vuoden puolella!

SeOppi maailmalla, Tapahtumat

Mobiilisti maastossa

Suomen eOppimiskeskus ry järjesti elokuussa yhdessä Hämeen ammattikorkeakoulun kanssa perinteisen Mobiilikesäkoulu-tapahtuman Mustialassa. Kaksipäiväinen tapahtuma keräsi Mustialan maalaismaisemaan yli 100 osallistujaa ja kymmenittäin pieniä toimintapisteitä. Vuoden teeman mukaisesti mobiilipedagogiikka ja -laitteet vietiin rohkeasti maastoon!

Toimintapisteillä tutustuttiin mm. mobiiliin sähköntuotantoon, terveysaiheisiin mobiilipeleihin, erilaisiin karttasovelluksiin sekä ThingLinkiin.  Tuotoksina pisteillä syntyi mm. mainio animaatio sekä runsaasti valokuvia.

Kaksipäiväinen tapahtuma päättyi Mobiilioppimisen verkoston kokoukseen, jossa hahmoteltiin mm. Mobiilikesäkoulun ensi vuoden kuvioita – tästä lisää myöhemmin!

Yläpalkin kuva Mobiilikesäkoulun yhteisestä albumista.

Tapahtumat

Mobiilikesäkoulu-picnic 13.-14.8.2015

Mobiilikesäkoulu järjestetään tänä vuonna picnic-tyyppisenä – ohjelma rakentuu osallistujien mukaan. Tuo siis oma ideasi, kokemuksesi, sovelluksesi picnicille ja tule mukaan kokemaan ja jakamaan!

Picnic-viltillä on tilaa opettajille, kehittäjille, yrittäjille ja kaikille aiheesta kiinnostuneille. Tänä vuonna pyöritään neljän keskeisen teeman ympärillä:

  • Pedagogiikka
  • Hyvinvointi ja paikkatieto
  • Liikkuva kuva ja lisätty todellisuus
  • Pelit ja 3D

Teemojen tarkemmat kuvaukset löytyvät osoitteesta http://bit.ly/mTeemat.

Tarjoamme Mustialan perinteikkään ympäristön, sähkön ja verkon sekä mahdollisuuden ruokailuun ja majoittumiseen. Illalla on saunominen ja yhteistä illanviettoa.

Mobiilikesäkoulu syntyy ihmisistä ja yhteisestä osaamisesta – tehdään tapahtuma yhdessä!

Tule sinäkin mukaan picnicille 13.-14.8.2015 Tammelan Mustialaan. Ilmoittautuminen on käynnistynyt!