Ero sivun ”Saavutettavuus” versioiden välillä

MoodleDocsista
Loikkaa:valikkoon, hakuun
(Lisätty maininta saavutettavuustyökalusta ja linkit ohjesivule.)
Rivi 1: Rivi 1:
{{Rakenna}}
{{Rakenna}}
Moodlen käyttöliittymässä pyritään huomioimaan saavutettavuuskriteerit ja kehitystyötä saavutettavuuden eteen tehdään jatkuvasti (ks. [https://docs.moodle.org/dev/Accessibility Moodle Accessibility Collaboration Group / Moodle.org]).
Moodlen käyttöliittymässä pyritään huomioimaan saavutettavuuskriteerit ja kehitystyötä saavutettavuuden eteen tehdään jatkuvasti (ks. [https://docs.moodle.org/dev/Accessibility Moodle Accessibility Collaboration Group / Moodle.org]).
==Näin teet Moodle-alueestasi saavutettavamman==
==Näin teet Moodle-alueestasi saavutettavamman==
===Kirjoita selkeästi, vältä turhia muotoiluja, otsikoi===
===Kirjoita selkeästi, vältä turhia muotoiluja, otsikoi===
Kirjoita selkokielellä silmäiltävää tekstiä. Mm.
Kirjoita selkokielellä silmäiltävää tekstiä. Mm.
* Luetteloi, mutta liian raskaat ja pitkät listat eivät tue silmäiltävyyttä.
* Luetteloi, mutta liian raskaat ja pitkät listat eivät tue silmäiltävyyttä.
Vältä turhia muotoiluja mm.
Vältä turhia muotoiluja mm.
* erikoisia/erilaisia kirjasinvärejä - käytä vain Moodlen oletuseditorin värejä ja niitäkin harkiten.
* erikoisia/erilaisia kirjasinvärejä - käytä vain Moodlen oletuseditorin värejä ja niitäkin harkiten.
Rivi 15: Rivi 11:
* tarkista sisältö editorin Helppokäyttöisyyden tarkistus-painikkeella.
* tarkista sisältö editorin Helppokäyttöisyyden tarkistus-painikkeella.
* hyödynnä editorin Näytönlukijan apuria.
* hyödynnä editorin Näytönlukijan apuria.
Käytä kuvaavia otsikkoja:
Käytä kuvaavia otsikkoja:
* Otsikoi osiot, linkit, tehtävänannot tms., koska avustusohjelmat lukevat otsikoita - tarkat kuvaukset helpottavat ymmärtämistä ja navigointia.
* Otsikoi osiot, linkit, tehtävänannot tms., koska avustusohjelmat lukevat otsikoita - tarkat kuvaukset helpottavat ymmärtämistä ja navigointia.
* Valitse editorista otsikkotaso (painike Kappaletyylit) - älä pelkästään suurenna tekstiä tai lihavoi.
* Valitse editorista otsikkotaso (painike Kappaletyylit) - älä pelkästään suurenna tekstiä tai lihavoi.
Jaottele kurssisisältö osioihin/aiheisiin siten, että yhdessä osiossa on selkeästi yksi asia/teema.
Jaottele kurssisisältö osioihin/aiheisiin siten, että yhdessä osiossa on selkeästi yksi asia/teema.
* Vältä pitkiä tekstejä kurssin etusivulla: paras paikka esim. ohjeille on [[Sivu]].
* Vältä pitkiä tekstejä kurssin etusivulla: paras paikka esim. ohjeille on [[Sivu]].
===Nimeä linkit kuvaavasti===
===Nimeä linkit kuvaavasti===
* Käytä kuvaavia tekstejä linkkien nimissä. ”Lue lisää” tai ”Klikkaa tästä” on huono linkkiteksti. Mieluummin ”Lue lisää saavutettavuudesta”.
* Käytä kuvaavia tekstejä linkkien nimissä. ”Lue lisää” tai ”Klikkaa tästä” on huono linkkiteksti. Mieluummin ”Lue lisää saavutettavuudesta”.
* Älä kopioi linkkiä osoiteriviltä sellaisenaan esim. https://www.saavutettavasti.fi/ Saavutettavasti.fi vaan anna linkille nimi "Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta". Tee siis näin: Kirjoita ensin linkin kuvaus > maalaa teksti > klikkaa editorin linkki-painiketta ja kopioi www-osoite. Tällöin linkki näyttää tältä: [https://www.saavutettavasti.fi/ Saavutettavasti.fi Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta].
* Älä kopioi linkkiä osoiteriviltä sellaisenaan esim. https://www.saavutettavasti.fi/ Saavutettavasti.fi vaan anna linkille nimi "Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta". Tee siis näin: Kirjoita ensin linkin kuvaus > maalaa teksti > klikkaa editorin linkki-painiketta ja kopioi www-osoite. Tällöin linkki näyttää tältä: [https://www.saavutettavasti.fi/ Saavutettavasti.fi Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta].
Rivi 31: Rivi 23:
* Älä laita linkkejä tekstin sekaan vaan lisää ne tekstin/kappaleen loppuun.
* Älä laita linkkejä tekstin sekaan vaan lisää ne tekstin/kappaleen loppuun.
* Linkkien pitäisi avautua pääsääntöisesti samaan välilehteen tai ikkunaan. Kun linkin kohde avautuu uuteen välilehteen tai ikkunaan, kerro se linkin yhteydessä.
* Linkkien pitäisi avautua pääsääntöisesti samaan välilehteen tai ikkunaan. Kun linkin kohde avautuu uuteen välilehteen tai ikkunaan, kerro se linkin yhteydessä.
===Lisää kuvausteksti tarvittaessa===
===Lisää kuvausteksti tarvittaessa===
Kun käytät kuvia, kirjoita niihin "Kuvausteksti kuvalle", joka kertoo, mitä tietoa kuva välittää näkevälle käyttäjälle. Jos kyseessä on kuvituskuva, valitse "Kuvausta ei tarvita". Jos koko kuvan sisältöä ei voi kertoa kuvaustekstissä tarjoa sisältö myös tekstimuodossa.  
Kun käytät kuvia, kirjoita niihin "Kuvausteksti kuvalle", joka kertoo, mitä tietoa kuva välittää näkevälle käyttäjälle. Jos kyseessä on kuvituskuva, valitse "Kuvausta ei tarvita". Jos koko kuvan sisältöä ei voi kertoa kuvaustekstissä tarjoa sisältö myös tekstimuodossa.  
===Tee tiedostoista saavutettavia===
===Tee tiedostoista saavutettavia===
Jos jaat tiedostoja Moodlen kautta, tee myös tiedostoista saavutettavia. Opiskelijat kokevat saavutettavuuteen liittyviä haasteita erityisesti liitetiedostojen kanssa. Kiinnitäthän siis erityistä huomiota liitetiedostojen saavutettavuuteen! Ks.
Jos jaat tiedostoja Moodlen kautta, tee myös tiedostoista saavutettavia. Opiskelijat kokevat saavutettavuuteen liittyviä haasteita erityisesti liitetiedostojen kanssa. Kiinnitäthän siis erityistä huomiota liitetiedostojen saavutettavuuteen! Ks.
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/word/ Ohjeet saavutettavien Word-dokumenttien tekemiseen]
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/word/ Ohjeet saavutettavien Word-dokumenttien tekemiseen]
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/pdf/ Saavutettavan pdf-dokumentin ominaisuuksia]
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/pdf/ Saavutettavan pdf-dokumentin ominaisuuksia]
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/powerpoint/ Suullisen esityksen tueksi tehdyt PowerPoint-esitykset].
* [https://www.saavutettavasti.fi/saavutettavat-tiedostot/powerpoint/ Suullisen esityksen tueksi tehdyt PowerPoint-esitykset].
===Taulukot===
===Taulukot===
* Taulukoissa tulee olla otsikko, rivi- ja sarakeotsikot. Moodlen omassa tekstieditorissa “Luo taulukko” ominaisuutta käyttämällä pystyt luomaan otsikon taulukolle ja valitsemaan “Otsikot - Molemmat” rivi- ja sarakeotsikoiden lisäämiseksi.
* Taulukoissa tulee olla otsikko, rivi- ja sarakeotsikot. Moodlen omassa tekstieditorissa “Luo taulukko” ominaisuutta käyttämällä pystyt luomaan otsikon taulukolle ja valitsemaan “Otsikot - Molemmat” rivi- ja sarakeotsikoiden lisäämiseksi.
* Sulautettuja tai solujen yhdistämistä tulee välttää.
* Sulautettuja tai solujen yhdistämistä tulee välttää.
===Tekstitä videot===
===Tekstitä videot===
 
Tekstitä videot, jos videota käytetään useammin tai jotka ovat oleellisia - tai tarjoa sisältö myös tekstimuodossa.
Tekstitä videot, jos videota käytetään useammin tai jotka ovat olleellisia - tai tarjoa sisältö myös tekstimuodossa.
 
===Monikielisyys===
===Monikielisyys===
Sama kurssi usealla kielellä: Yleensä kannattaa tehdä omat Moodle-kurssit eri kielisille toteutuksille. Jos haluat samalle Moodle-alueelle useamman kielen, hyödynnä multilang-toimintoja ks. [[Monikielisen kurssisisällön toteutus]]. Yhdellä Moodle-alueella pitäisi olla vain yhtä kieltä.
Sama kurssi usealla kielellä: Yleensä kannattaa tehdä omat Moodle-kurssit eri kielisille toteutuksille. Jos haluat samalle Moodle-alueelle useamman kielen, hyödynnä multilang-toimintoja ks. [[Monikielisen kurssisisällön toteutus]]. Yhdellä Moodle-alueella pitäisi olla vain yhtä kieltä.
=== Muita vinkkejä===
=== Muita vinkkejä===
* Lisää [[Aktiviteetit-lohko]], joka listaa aktiviteetit ja aineistoihin. Ko. lohkon kautta pääsee ko. sisältöihin.
* Lisää [[Aktiviteetit-lohko]], joka listaa aktiviteetit ja aineistoihin. Ko. lohkon kautta pääsee ko. sisältöihin.
== Tarkista sisältösi saavutettavuustyökaluilla ==
Moodlessa kurssialueen saavutettavuutta voi arvoida kahdella tavalla: tekstieditorin työkaluilla ja/tai erillisellä saavutettavuustyökalulla.


== Tarkista sisältösi saavutettavuustyökaluilla ==
[[Saavutettavuustyökalu]] analysoi kurssin ja tuottaa löytämistään saavutettavuusongelmista erilaisia raportteja, joiden perusteella opettaja voi  parantaa kurssialueensa saavutettavuutta.


Tekstieditorissa on saavutettavuuden arviointia helpottavia työkaluja: Painaessasi ”Näytä lisää painikkeita” (1), pääset käsiksi helppokäyttöisyyden tarkistukseen (2) ja näytönlukijan apuriin (3).
Tekstieditorissa on saavutettavuuden arviointia helpottavia työkaluja: Painaessasi ”Näytä lisää painikkeita” (1), pääset käsiksi helppokäyttöisyyden tarkistukseen (2) ja näytönlukijan apuriin (3).
Rivi 73: Rivi 55:
* Taulukot ilman rivi- tai sarakeotsikoita.
* Taulukot ilman rivi- tai sarakeotsikoita.
* Taulukoiden sulautetut solut.
* Taulukoiden sulautetut solut.
Näytönlukijan apuri (3) luo listan mitä tekstityylejä, kuvia ja linkkejä on käytössä tekstieditorissa. Tämä auttaa arvioimaan avustusohjelmaa käyttävien käyttökokemusta. Jos tyylejä on paljon, vähennä niitä.
Näytönlukijan apuri (3) luo listan mitä tekstityylejä, kuvia ja linkkejä on käytössä tekstieditorissa. Tämä auttaa arvioimaan avustusohjelmaa käyttävien käyttökokemusta. Jos tyylejä on paljon, vähennä niitä.
==Lisätietoa ja muuta materiaalia==
==Lisätietoa ja muuta materiaalia==
 
* [[Saavutettavuustyökalu|Moodlen saavutettavuustyökalun ohje]]
* [https://selkokeskus.fi/selkokieli/maaritelma/ Mitä on selkokieli? Määritelmä / Selkokeskus]
* [https://selkokeskus.fi/selkokieli/maaritelma/ Mitä on selkokieli? Määritelmä / Selkokeskus]
* [https://www.saavutettavasti.fi/ Saavutettavasti.fi Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta]
* [https://www.saavutettavasti.fi/ Saavutettavasti.fi Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta]

Versio 18. tammikuuta 2022 kello 08.19

Moodlen käyttöliittymässä pyritään huomioimaan saavutettavuuskriteerit ja kehitystyötä saavutettavuuden eteen tehdään jatkuvasti (ks. Moodle Accessibility Collaboration Group / Moodle.org).

Näin teet Moodle-alueestasi saavutettavamman

Kirjoita selkeästi, vältä turhia muotoiluja, otsikoi

Kirjoita selkokielellä silmäiltävää tekstiä. Mm.

  • Luetteloi, mutta liian raskaat ja pitkät listat eivät tue silmäiltävyyttä.

Vältä turhia muotoiluja mm.

  • erikoisia/erilaisia kirjasinvärejä - käytä vain Moodlen oletuseditorin värejä ja niitäkin harkiten.
  • erikoisia/erilaisia kirjasinlajeja - oletuskirjasin on paras.
  • alleviivausta ja sinistä väriä, jotka viittaavat linkkiin.
  • tarkista sisältö editorin Helppokäyttöisyyden tarkistus-painikkeella.
  • hyödynnä editorin Näytönlukijan apuria.

Käytä kuvaavia otsikkoja:

  • Otsikoi osiot, linkit, tehtävänannot tms., koska avustusohjelmat lukevat otsikoita - tarkat kuvaukset helpottavat ymmärtämistä ja navigointia.
  • Valitse editorista otsikkotaso (painike Kappaletyylit) - älä pelkästään suurenna tekstiä tai lihavoi.

Jaottele kurssisisältö osioihin/aiheisiin siten, että yhdessä osiossa on selkeästi yksi asia/teema.

  • Vältä pitkiä tekstejä kurssin etusivulla: paras paikka esim. ohjeille on Sivu.

Nimeä linkit kuvaavasti

  • Käytä kuvaavia tekstejä linkkien nimissä. ”Lue lisää” tai ”Klikkaa tästä” on huono linkkiteksti. Mieluummin ”Lue lisää saavutettavuudesta”.
  • Älä kopioi linkkiä osoiteriviltä sellaisenaan esim. https://www.saavutettavasti.fi/ Saavutettavasti.fi vaan anna linkille nimi "Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta". Tee siis näin: Kirjoita ensin linkin kuvaus > maalaa teksti > klikkaa editorin linkki-painiketta ja kopioi www-osoite. Tällöin linkki näyttää tältä: Saavutettavasti.fi Ohjeita verkkosisältöjen ja viestinnän saavutettavuudesta.
  • Kun linkki vie esim. pdf- tai word-dokumenttiin, kerro tämä linkkitekstissä esim. "Luento 10.10.2019: Saavutettavuus (pdf-tiedosto)".
  • Kun linkki ohjaa vieraskieliselle sivulle, kerro se esim. "Englanniksi Moodlen saavutettavuudesta ks. Accessible course design".
  • Älä laita linkkejä tekstin sekaan vaan lisää ne tekstin/kappaleen loppuun.
  • Linkkien pitäisi avautua pääsääntöisesti samaan välilehteen tai ikkunaan. Kun linkin kohde avautuu uuteen välilehteen tai ikkunaan, kerro se linkin yhteydessä.

Lisää kuvausteksti tarvittaessa

Kun käytät kuvia, kirjoita niihin "Kuvausteksti kuvalle", joka kertoo, mitä tietoa kuva välittää näkevälle käyttäjälle. Jos kyseessä on kuvituskuva, valitse "Kuvausta ei tarvita". Jos koko kuvan sisältöä ei voi kertoa kuvaustekstissä tarjoa sisältö myös tekstimuodossa.

Tee tiedostoista saavutettavia

Jos jaat tiedostoja Moodlen kautta, tee myös tiedostoista saavutettavia. Opiskelijat kokevat saavutettavuuteen liittyviä haasteita erityisesti liitetiedostojen kanssa. Kiinnitäthän siis erityistä huomiota liitetiedostojen saavutettavuuteen! Ks.

Taulukot

  • Taulukoissa tulee olla otsikko, rivi- ja sarakeotsikot. Moodlen omassa tekstieditorissa “Luo taulukko” ominaisuutta käyttämällä pystyt luomaan otsikon taulukolle ja valitsemaan “Otsikot - Molemmat” rivi- ja sarakeotsikoiden lisäämiseksi.
  • Sulautettuja tai solujen yhdistämistä tulee välttää.

Tekstitä videot

Tekstitä videot, jos videota käytetään useammin tai jotka ovat oleellisia - tai tarjoa sisältö myös tekstimuodossa.

Monikielisyys

Sama kurssi usealla kielellä: Yleensä kannattaa tehdä omat Moodle-kurssit eri kielisille toteutuksille. Jos haluat samalle Moodle-alueelle useamman kielen, hyödynnä multilang-toimintoja ks. Monikielisen kurssisisällön toteutus. Yhdellä Moodle-alueella pitäisi olla vain yhtä kieltä.

Muita vinkkejä

  • Lisää Aktiviteetit-lohko, joka listaa aktiviteetit ja aineistoihin. Ko. lohkon kautta pääsee ko. sisältöihin.

Tarkista sisältösi saavutettavuustyökaluilla

Moodlessa kurssialueen saavutettavuutta voi arvoida kahdella tavalla: tekstieditorin työkaluilla ja/tai erillisellä saavutettavuustyökalulla.

Saavutettavuustyökalu analysoi kurssin ja tuottaa löytämistään saavutettavuusongelmista erilaisia raportteja, joiden perusteella opettaja voi parantaa kurssialueensa saavutettavuutta.

Tekstieditorissa on saavutettavuuden arviointia helpottavia työkaluja: Painaessasi ”Näytä lisää painikkeita” (1), pääset käsiksi helppokäyttöisyyden tarkistukseen (2) ja näytönlukijan apuriin (3).

36 editori saavutettavuus.jpg


Helppokäyttöisyyden tarkistus (2) auttaa löytämään saavutettavuutta heikentävät kohdat:

  • Tekstin riittävän kontrasti verrattuna taustaan (WCAG AA ohjeistuksen mukaisesti). AA -ohjeistus on, että kontrasti on normaalille tekstille 4.5:1, isolle tekstille 3:1 ja 3:1 grafiikalle.
  • Liian pitkät tekstit ilman otsikoita.
  • Taulukot ilman otsikoita.
  • Taulukot ilman rivi- tai sarakeotsikoita.
  • Taulukoiden sulautetut solut.

Näytönlukijan apuri (3) luo listan mitä tekstityylejä, kuvia ja linkkejä on käytössä tekstieditorissa. Tämä auttaa arvioimaan avustusohjelmaa käyttävien käyttökokemusta. Jos tyylejä on paljon, vähennä niitä.

Lisätietoa ja muuta materiaalia