Sivun luonti kesken - erityisesti liittyen videoiden tekstitykseen.

Ensiksi, muistathan Canvasin oman saavutettavuustyökalun - ks. kuva alla.

Canvasin saavutettavuus-työkalu.

Tässä ohjeessa kuvataan muutamia olennaisia seikkoja opintojaksojen sisältöjä luotaessa Canvas-ympäristössä. Pitkälle pääsee huomioimalla vähintään seuraavat kohdat:

Käytä Canvasin omia tyylejä
Lisää tekstivastineet - ALT-tekstit - kuville
Linkeille kuvaavat nimet
Taulukoille otsikot ja otsikkosolut
Word, PowerPoint ja pdf-tiedostot
Videoille tekstitys

1 - Käytä Canvasin omia tyylejä

Luotaessa sivuja Canvasissa on hyvä tuoda teksti sivulle ilman formatointeja "puhtaana tekstinä". Tämä onnistuu esimerkiksi hyödyntämällä Notepadia - liimaa kopioimasi teksti ensin Notepadiin ja sitten kopioi Notepadista teksti kokonaisuudessaan Canvasin editoriin. Tämä poistaa kaikki muotoilut alkuperäisestä kopiosta. Toinen vaihtoehto liimattaessa tekstiä Canvasin editoriin on käyttää näppäinyhdistelmää (Windows) CTRL+SHIFT+V, mikä myös poistaa kaikki muotoilut.

Erityisen tärkeää tyylien käyttäminen on otsikoinneissa. Saavutettavuus-näkökulmasta ei riitä että otsikko on esimerkiksi kirjoitettu isommalla fontilla. Jotta avustavat laitteet ymmärtävät milloin kyseessä on otsikko, tulee se merkitä itse html-koodiin. Näin avustava laite osaa kertoa käyttäjälle että kyseessä on nimen omaan otsikko, mikä on sisällön loogisuuden kannalta olennainen seikka. Miellään otsikot olisivat myös numeroituja, mikä edelleen parantaa sivujen loogisuutta ja rakennetta.

Alla esimerkki siitä, miten tyylejä voi käyttää Canvasin editorissa. Valitse ensin muokattava tekstikohta ja sitten alasvetovalikosta haluttu tyyli.

Tyylin valinta Canvasin tekstieditorissa.

2 - Lisää tekstivastineet - ALT-tekstit - kuville

Saavutettavuusdirektiivissä edellytetään että kaikelle ei-tekstuaaliselle sisällölle luodaan tekstivastineet (ALT-teksti, tekstivastine, vaihtoehtoinen teksti - kaikki viittaa samaan asiaan). Käytännössä tämä tarkoittaan ALT-tekstien luomista esimerkiksi lisättäessä kuvaa sivulle. Canvasin kuvanlisäys-toiminnossa ALT-tekstin lisääminen on helppoa.

Alla esimerkki kuvan lisäämisestä Canvasin editorissa. Jos kuvalla ei ole sisällön kannalta mitään merkitystä - kuvalla ei ole mitään viestiä lukijalle - valitaan kuva koristeelliseksi täppäämällä kohta (alempi kuva) Decorative image, Kuvituskuva, tms.

Kuvan lisääminen Canvasissa valikon kautta.

Kuvan lisäyksessä muokattavat atribuutit.

Huom! Lisättäessä kuvia ilmaispalveluista, esim. Unsplash, kuvilla saattaa olla jo valmiiksi ALT-teksti, mutta ko. teksti ei välttämättä palvele tarkoitustaa kuvan käyttökohteessa. Teksti kannattaa tarkistaa ja tarvittaessa muuttaa. ALT-tekstin tarkistus (kuvan ominaisuuksien yleisesti) onnistuu editorissa ensin valitsemalla esim. hiirellä kuva aktiiviseksi ja sen jälkeen valitsemalla Image Options - mikä ilmestyy kuvan yläpuolella. Tämän jälkeen avautuu tarkemmat tiedot kuvasta (toinen kuva alla). ALT-teksti on hyvä lopettaa aina pisteeseen - ei siis niin kuin alla olevassa esimerkissä.

Kun kuva on valittu aktiiviseksi kuvan yläpuolelle ilmestyy Image Options, jonka takaa voi vaihtaa ALT-tekstin.

Kuvan ominaisuudet valintaikkunassa.

3 - Linkeille kuvaavat nimet

Linkit tulee nimetä kuvaavasti. Esim. alla olevan mukaisesti - linkin nimen tulee kertoa käyttäjälle selkeästi mitä linkin takaa löytyy.

Linkit tulee nimetä kuvaavasti.

Vanha "hyvä" käytäntö on ollut nimetä linkit usein seuraavasti (täältä-sana toimii linkkinä) - Ohjeet löydät täältä. Tavassa on kuitenkin se huono puoli, että avustavaa laitetta käyttävälle linkin nimi ei kerro mitään ja jos vastaavasti nimettyjä linkkejä on sivulla useita, on loppukäyttäjän etsittävä yrityksen ja erehdyksen kautta oikeaa. Ei siis näin vaan kuvaavat nimet linkeille.

4 - Taulukoille otsikot ja otsikkosolut

Taulukkoja ei kannata kopioida muista lähteistä vaan suositeltavaa olisi käyttää Canvasin omaa taulukko-työkalua.

Taulukon lisääminen Canvasissa valikon kautta.

Taulukoille tulee määritellä otsikot ja otsikkosolut. Otsikkosolut määritellään Canvasissa alla olevan mukaisesti. Ensin valitse otsikkorivi tai -sarake aktiiviseksi taulukossa ja sen jälkeen valitse ylemmän kuvan mukaisesti Cell properties (solun ominaisuudet). Tämän jälkeen avautuu alemman kuvan mukainen valintaikkuna, josta ensin valitaan Cell type -> Header cell ja sen jälkeen Scope - koskeeko otsikkosolu riviä (Row) vai saraketta (Column). Alla olevassa kuvassa otsikkosolut ovat ylimmällä rivillä, joten yksi otsikkosolu koskee silloin alla olevaa saraketta.

Solun määrittäminen otsikkosoluksi Canvasissa.

Solun määrittäminen otsikkosoluksi Canvasissa.

Taulukon otsikon lisääminen tapahtuu alla olevan mukaisesti. Merkitse ensin taulukko aktiiviseksi editorissa ja sen jälkeen Table-toiminnon alta löytyy Table properties, minkä valitsemalla pääsee lisäämään otsikon täppäämällä valintaa Show caption (toinen kuva alla). Tallennuksen jälkeen otsikko voidaan kirjoittaa heti taulukon yläpuolelle, vaakasuunnassa keskelle (alin kuva).

Otsikon lisääminen taulukolle Canvasissa.

Valitse Show caption.

Taulukon yläpuolelle ilmestyy otsikko jota voi editoida.

5 - Word, PowerPoint ja pdf-tiedostot

Tämä ohje keskittyy ensisijaisesti Canvas-ympäristöön ja ym. tiedostojen saavutettavuutta käsitellään vain pintapuolisesti. Jos haluat enemmän tietoa mm. Word, PowerPoint, pdf tiedostojen saavutettavuudesta, kannattaa ehdottomasti tutustua Kirsi Ylänteen ja Johannes Kosken ohjeistukseen - Saavutettavat tiedostot - miten tuottaa verkkoon Word, PowerPoint ja pdf-tiedostoja?

Erilaisia tiedostoja hyödynnetään myös Canvas-ympäristössä ja niiden saavutettavuus on yhtälailla tärkeää. Word- ja PowerPoint-tiedostojen saavutettavuuden tarkistaminen on helppoa ko. ohjelmien omalla työkalulla - ks. kuva alla (yös Excel-ohjelmalla on sama työkalu samassa paikassa). Microsoft on suomenkielessä kääntänyt saavutettavuuden helppokäyttöisyydeksi.

MS-saavutettavuustyökalut

Word-tiedostojen kohdalla on tärkeää muistaa mm.:

käyttää tyylejä
tehdä dokumentille selkeä rakenne ja kirjoittaa ymmärrettävästi
dokumentin rakenteet (tyylit, sopivat luettelot, kuvaavat linkit, …)
kirjoittaa kuville vaihtoehtoinen teksti (Mitä tietoa jää saamatta jos kuvaa ei näe? Mikä kuvan tarkoitus paikassa jossa se on?)
huolehtia selkeästä ulkonäöstä
tee taulukot Wordin työkalulla, laita taulukolle otsikkorivi ja varmista solujen looginen lukujärjestys
merkitä dokumentin kielen
viimeistellä dokumentin ominaisuudet - otsikko dokumentille
tarkistaa lopuksi dokumenttisi saavutettavuustyökalulla
antaa tiedostolle hyvä nimi
varmistaa, että saavutettavasta Word-dokumentista saa saavutettavan pdf-dokumentin

PowerPoint-tiedostojen kohdalla on tärkeää muistaa mm.:

Onko kyseessä suullinen esitys vai tiedosto verkossa?
Selkeä ulkoasu ja kieli
Linkit – suullisessa esityksessä on tärkeää nähdä itse osoite, mutta tiedostossa linkkiä painamalla pääsee kohteeseen.
Riittävän isot, helposti luettavat fontit.
Muista värikontrastit – ei kikkailua värien kanssa. Selkeät perusvärit.
Ei tekstiä kuvien päälle.
Ota huomioon värisokeat – erityisesti punavihersokeus.
Dioille kuvaavat, yksilölliset otsikot. Jos sama otsikko usealla dialla, käytä numerointia. Esim. 1/3, …
Kuville vaihtoehtoiset tekstit ja merkkaa koristeelliset kuvat.
Elementtien lukemisjärjestys, jos diassa muutakin sisältöä kuin tekstiä.
Tarkista helppokäyttöisyys. Huomaathan, että tarkistustyökalu ei herjaa liian pienestä fontista eikä tarkista mm. vaihtoehtoisten tekstien laatua.
Kuvaava nimi tiedostolle.

6 - Videoille tekstitys

Youtube ja Screencast-o-matic.