ThingLink on sisällöntuotannon työkalu Oulun yliopiston ja Oamkin henkilökunnalle ja opiskelijoille. Sen avulla voit luoda interaktiivisia karttoja, käyttöohjeita, virtuaalisia kierroksia tai polutettuja oppimisskenaarioita. Voit rikastaa kuvia, videoita, 360˚-sisältöjä ja 3D-malleja, sekä  linkittää sisältöjä toisiinsa ja rakentaa niiden päälle interaktiivisen ääni- tai tekstikerroksen ns. huomiopisteiden avulla.

Kirjaudu ThingLinkiin osoitteessa
https://www.thinglink.com/  ja valitse Microsoft-kirjautuminen. Se on Log in with third party services -kohdan ensimmäinen ikoni.

Saat tukea Opetuksen ja kehittämisen keskuselta:
digipeda@oulu.fi

Tutustu ThingLink-ohjeisiin ThingLinkin omalla sivustolla.

Oulun yliopiston ja Oamkin ThingLinkin saavutettavuusseloste

Tallenne Thinglink-koulutuksesta

Katso esimerkki ThingLinkillä toteutetusta pakopelistä

---

Opettaja tai sisällön tekijä: Näin teet saavutettavia ThingLink-sisältöjä

ThingLink-sisällöstä ja sen saavutettavuudesta vastaa sen tekijä. On tärkeää, että tunnet vastuusi ja teet tietoiset valinnat saavutettavuuden hyväksi. digipeda@oulu.fi tarjoaa tukea saavutettavan ThingLink-sisällön teossa.

Huom. Sisällöntuotanto ThingLinkissä ei käytännössä onnistu ilman hiirtä tai touchpadia (WCAG 2.1.1). Tarvitset käytännössä osoitinlaitetta, jotta voit sijoitella tagit (yksittäisissä sisällöissä) ja lohkot (blocks, skenaarioissa) sekä luoda kytkökset.

1. Tarjoa saavutettavuusnäkymä ja ohjeista käyttäjää

ThingLink luo automaattisesti erillisen saavutettavuusnäkymän. Sen painike tulee näkyviin sisällön oikeaan alakulmaan. Toimi lisäksi näin:

1. Lisää saavutettavuusnäkymään johtava linkki näkyvälle paikalle (esimerkiksi sisällön julkaisusivulle tai oppimisympäristöön). Muista tarjota linkit myös mahdollisiin kieliversioihin.
2. Kerro käyttäjälle jo ennen sisällön avaamista tai viimeistään sisällön alussa:
   1. Mikä sisältö on ja mihin asiayhteyteen se liittyy?
   2. Miten sisällössä on tarkoitus edetä: lineaarisesti, valinnaisia polkuja pitkin vai vapaasti tutkien?
   3. Mistä saavutettavuusnäkymän saa käyttöön ja mikä on sen suora linkki?
   4. Mitkä ovat sisällön kieliversiot?

Käytännön vinkki: ThingLinkin infopaneelia ei kannata käyttää ohjeistukseen, sillä se on lukemisjärjestyksessä viimeisenä. Tee sen sijaan alkuun erillinen esittelynäkymä tai tee infotagi ja sijoita se lukemisjärjestyksessä ensimmäiseksi.

2. Määrittele ja tarkista luku- ja etenemisjärjestys

Looginen järjestys on keskeinen erityisesti näppäimistön ja ruudunlukijan käyttäjille. (Tässä osiossa joissakin kohdissa on mainittu WCAG + numerosarja. Nämä ovat saavutetttavuusvaatimuksia, joihin näillä ohjeilla vastataan.)

• Määrittele aina tagien järjestys (Tag sequence), vaikka sisältöä olisi tarkoitus tutkia vapaasti. Oletuksena ThingLink käyttää tagien luontijärjestystä.
• Saavutettavuusnäkymä syntyy automaattisesti ThingLink-sisällön asetusten mukaan. Saavutettavuusnäkymästä näet sisällön lukemisjärjestyksen. Tarkista, että se on järkevä ja tarvittaessa järjestä tagit uudelleen (WCAG 1.3.2).
• Nimeä ja merkitse tagit johdonmukaisesti (WCAG 3.2.4).
• Kun teet skenaariota, huolehdi lohkojen (blocks) järjestyksestä ja mahdollisista haarautuvista reiteistä lohkonäkymässä.
• Laajemmissa kokonaisuuksissa suunnittele sisällön sisäinen ja johdonmukainen navigointi ja tagien käyttö ennakkoon. (WCAG 3.2.3).

3. Huolehdi kontrasteista ja visuaalisista valinnoista

• Varmista riittävä tekstin ja taustan välinen kontrasti (WCAG 1.4.3, 1.4.11).
• Älä käytä väriä ainoana keinona välittää tietoa (WCAG 1.4.1).
• Vältä läpinäkyviä tai heikkokontrastisia tageja. Huomaa, että ThingLinkin valmiissa tagi-ikonivalikoimassa on väriyhdistelmiä, jotka eivät täytä kontrastivaatimuksia. Voit tehdä itse sellaisia ikoneja, joissa on riittävä kontrasti.

Nämä valinnat tukevat näkörajoitteisia käyttäjiä, näkymää suurentavia käyttäjiä ja käyttöä haastavissa valaistusolosuhteissa.

4. Huolehdi tekstivastineista ja rakenteesta

Kaikelle ei-tekstuaaliselle sisällölle on tarjottava tarkoituksenmukainen tekstivastine (WCAG 1.1.1, 1.2.1, 1.3.1, 1.4.5):

• Lisää alt-tekstit (vaihtoehtoinen tekstimuotoinen kuvaus) kuville ja graafisille elementeille.
• Varmista, että videoiden ja äänitiedostojen keskeinen sisältö on saatavilla myös tekstimuodossa.
• Vältä kuvia, joissa esitetään pelkkää tekstiä, jos sama sisältö voidaan esittää varsinaisena tekstinä.
• Käytä otsikoita, listoja ja linkkejä niin, että ne voi ymmärtää myös ilman visuaalista hahmottamista.

5. Tarjoa tekstitys ja tekstivastineet ääni- ja videosisällöille

• Video, jossa on puhetta tai muuta ääntä: Tarjoa saavutettava tekstitys tai erillinen tekstivastine samalla kielellä kuin videon ääniraita (WCAG 1.2.2).
• Äänitiedosto: Tarjoa tekstivastine äänitiedoston kielellä (WCAG 1.2.1).
• Tekstityksen sisältö: Puheen lisäksi merkitse myös muut ymmärtämisen kannalta olennaiset äänet, esimerkiksi [merkkiääni] tai [naurua]. Jos puhujan vaihtuminen selviää vain kuuntelemalla, merkitse se tekstitykseen esimerkiksi ajatusviivalla tai puhujan nimellä/roolilla (Matti:/opettaja:).
• Mediavastineet: Harkitse myös vaihtoehtoisia muotoja, kuten käsikirjoitusta tai kuvallista ohjetta. Joillekin käyttäjille nämä voivat olla helpompia ja nopeampia käyttää.

6. Vältä sairauskohtauksia aiheuttavaa välkettä

ThingLink ei tarkista raja-arvot ylittävää välkettä tai vilkkuvia valoja videoissa. Haitallisen vilkkumisen raja-arvo on vähintään 3 kertaa sekunnissa (WCAG 2.3.1). Raja-arvon ylitys voi laukaista migreenin tai epilepsiakohtauksen.

• Erota vilkkuva sisältö erilliseksi videoksi sen sijaan, että se olisi osa pidempää videota.
• Jos sisällössä on välttämätöntä esitellä ilmiötä, johon sisältyy välkettä, lisää selkeä varoitus sekä videolinkin yhteyteen että videon alkuun.
• Tarjoa vastaava sisältö myös saavutettavassa muodossa, esimerkiksi kuvaamalla ilmiö tekstinä.

7. Huomioi kolmansien osapuolten sisällöt

Jos upotat ThingLink-sisältöön kolmansien osapuolten tekemää sisältöä, se ei välttämättä täytä saavutettavuusvaatimuksia. Valitse pakolliset sisällöt huolellisesti, jotta kaikki voivat käyttää niitä.

8. Testaa ja dokumentoi

• Testaa sisältö sekä perusnäkymässä että saavutettavuusnäkymässä.
• Testaa sisältö myös syventävällä lukuohjelmalla (Immersive Reader).
• Kerro käyttäjille, millä ja miten olet testannut sisältöä. Esimerkiksi: ”Käyttöä on testattu sekä perusnäkymässä että saavutettavuusnäkymässä MacOS 26.3.1 -käyttöjärjestelmällä, VoiceOver-ruudunlukijalla ja Firefox 140.8.0esr -verkkoselaimella.”

« Takaisin