Moodlessa voidaan muokata saavutettaviksi seuraavat sisältötyypit:
- Teksti, kuten sivujen sisältötekstit, tenttien ohjeistukset ja uutiset.
- Linkki, joka voi olla tekstiä tai kuva ja se siirtää käyttäjän Moodlesta toiselle www-sivulle.
- Taulukko luotuna Moodlessa käyttämällä Moodlen omaa taulukko-ominaisuutta.
- Kuva somistamiseen tai tiedon välittämiseen
Teksti - otsikointi
Otsikoiden tulee olla kuvaavia ja informatiivisia. Otsikoita tulee käyttää riittävästi, mikä auttaa jäsentämään tekstiä. Otsikointi tulee tehdä käyttämällä kappaletyylejä, kuten "Otsikko (suuri/keski/pieni)". Tyypillinen virhe on käyttää kappaletyylin sijasta tekstin lihavointia.
Teksti – korostaminen ja väri
Lihavointia ja kursivointia voidaan käyttää sanojen tai lauseiden korostamiseen. Ruudunlukuohjelma tunnistaa kummatkin korostamistyypit, mutta kursiivia on kuitenkin hieman hankalampi lukea. Alleviivaamista tulisi välttää, sillä se on helppo sekoittaa linkkiin.
Älä kommunikoi oleellista informaatiota värein tai muulla aistinvaraisella ominaispiirteellä, kuten muodolla tai visuaalisella sijainnilla. Värisokea tai ruudunlukuohjelmaa käyttävä ei välttämättä huomaa näiden eroja. Älä pienennä tekstin kontrastia tai fonttia niin, että teksti ei erotu riittävän selkeästi taustasta. Heikkonäköisellä voi olla hankaluuksia erottaa liian pienellä kontrastilla olevaa tai liian pientä tekstiä taustasta.
Moodlen tekstieditorista löytyvä painike "Helppokäyttöisyyden tarkistus" auttaa saavutettavuuden vastaisten tekstien tunnistamisessa.
Linkki – tekstinä tai kuvana
Pelkän verkko-osoitteen (url) laittamista linkkitekstiksi kannattaa yleensä välttää ainakin, jos osoite on pitkä ja vaikea. Linkin ollessa tekstiä, jokaisen linkin tarkoitus tulee selvitä yksin linkkitekstistä tai linkkitekstistä ja sen kontekstista. Linkkitekstin pitäisi kuvata riittävästi kohdetta, johon käyttäjä päätyy linkkiä klikkaamalla.
Linkki kohdetta kuvailevalla linkkitekstillä ja tämän kontekstilla helpottaa käyttäjää ymmärtämään, minne linkki johtaa. Esimerkiksi: ”Lisätietoa yhdenvertaisuuslaista ja kansalaisen oikeuksista on yhdenvertaisuusvaltuutetun verkkosivuilla.”
Lisätessä linkkiä Moodlessa, on suositeltavaa, että linkki avataan samalla sivulla. Jos on kuitenkin mieluisampaa, että linkki avautuu uudessa ikkunassa, on hyvä lisätä linkin kuvaukseen, että linkki avautuu uudessa ikkunassa. Esimerkiksi: Yhdenvertaisuusvaltuutetun verkkosivu (avautuu uudessa ikkunassa).
Kuva voi toimia myös linkkinä, jolloin kuvan kuvaustekstissä tulee kertoa millaiselle sivulle linkki vie, eikä mitä kuvassa näkyy.
Taulukko – otsikointi ja yhdistäminen
Käytä taulukoita harkiten, sillä ne ovat usein hankalia ruudunlukuohjelmaa käyttäville. Taulukoita ei tulisi käyttää pelkästään tekstin muotoiluun. Taulukon lukemisen loogisuutta voidaan kuitenkin edistää.
Lisää taulukolle otsikko, sekä taulukkoon rivi- että sarakeotsikot. Moodlessa tehtävä taulukko sisältää automattisesti tekstikentät otsikoiden lisäämiseksi. Vältä solujen yhdistämistä (pl. otsikkosolu). Tyhjiä soluja, rivejä ja sarakkeita tulee välttää.
Moodlen tekstieditorin "Helppokäyttöisyyden tarkistus"-työkalu auttaa saavutettavuuden vastaisten taulukoiden tunnistamisessa.
Kuva – kuvausteksti lyhyille kuvauksille
Verkkosivuille, kuten Moodleen, sekä moniin toimisto-ohjelmiin on kuvia lisätessä mahdollista lisätä lyhyt kuvausteksti. Tämän kuvaustekstin tarkoitus kuvan kohdalla on kuvailla ruudunlukuohjelmaa käyttävälle, mitä kuvassa on. Kuvausteksti on muille käyttäjille näkymätön.
Käyttäjän kannalta olennaista informaatiota sisältäville kuville on annettava kuvaava ja riittävän tiedon sisältävä tekstivastine. Kun lisäät kuvan, täytä kenttä "Kuvausteksti kuvalle", josta käy ilmi kuvan sisältö. Kuvausteksti sopii hyvin korkeintaan muutaman lauseen pituisille kuvauksille.
Ruudunlukuohjelma ohittaa koristeelliset kuvat, kun valitset "Kuvausta ei tarvita” lisätessäsi kuvaa Moodleen. Tällöin kuvan kohdalla ruudunlukuohjelma sanoo vain "Kuva" tai antaa kuvan tiedoston nimen. Moodle ei anna tallentaa kuvaa ilman, että annat kuvauksen tai valitset ”Kuvausta ei tarvita”.
Kuva – tekstivastine pitkille kuvauksille
Diagrammit ja muut kompleksiset kuvat vaativat usein täyden tekstivastineen, jotta kuvan sisältämä tieto saadaan välitettyä tekstinä riittävällä tarkkuudella. Toisin kuin kuvausteksti, tekstivastine on kaikkien saatavilla eikä vain ruudunlukuohjelmaa varten.
Kuvan tekstivastine voidaan jakaa esimerkiksi:
Tapa 1 - Linkki tekstivastineeseen: Lisää linkki kuvan välittömään läheisyyteen, jota painamalla käyttäjä pääsee tekstivastineeseen, joka on esimerkiksi pdf-tiedosto tai verkkosisältö. Esimerkiksi:
Kuvausteksti: ”Pylväsdiagrammi, joka näyttää kuukautisen kävijämäärän helsinki.fi -sivulla vuonna 2019.” Kuvan alapuolella linkkiteksti: ”Helsinki.fi 2019 kävijämäärää esittävän pylväsdiagrammin pitkä tekstikuvaus.”
Tapa 2 - Tekstivastine samalla sivulla: Kuvaa lisätessä kuvaustekstiin kirjoitetaan lyhyt kuvaus ja minkä nimisen otsikon alta tekstivastine löytyy. Tekstivastineen otsikossa kerrotaan mihin kuvaan tekstivastine liittyy. Esimerkiksi:
Kuvausteksti: ”Pylväsdiagrammi, joka näyttää kuukautisen kävijämäärän helsinki.fi -sivulla vuonna 2019. Pitkä kuvaus löytyy otsikon ”Pylväsdiagrammin pitkä kuvaus” alapuolelta.”
Lue lisää monimutkaisten kuvien tekstivastineista.