Kaavioupotus

Kaavioupotuksella voit tuoda Power BI -upotuksia sivustolle.

Tällä sivulla

Käyttötarkoitus

  • Käytä kaavioupotusta silloin, kun haluat tuoda erityisesti päivittyvää Power BI -informaatiota sivulle.

Toiminnallisuudet

Kaavioupotuksen lisäys mediakirjastoon:

  • Ylläpidollinen otsikko *: ei näy sivulla
  • URL-osoite *: ei näy sivulla
  • Otsikko *: ei näy missään ja koko kenttä tullaan poistamaan
  • Transkriptio *: näkyy sivulla kaavion "kuvatekstinä"

Kaavioupotuskomponentti:

  • Otsikko: näkyy sivulla kaavion yläpuolella
  • Kuvaus: näkyy sivulla kaavion yläpuolella
  • Kaavioupotus
  • Kuvaus avustavalle teknologialle *: ei näy sivulla mutta luetaan ruudunlukijalle

Ohjeistus

Power BI on Microsoftin tekemä datan visualisointiohjelmisto.

Power BI -kaavioupotuksissa on käytettävyys- ja saavutettavuushaasteita ja niiden toteuttaminen saavutettavasti on vaikeaa. Ensisijaisesti kannattaakin harkita, onko tiedolle olemassa jokin vaihtoehtoinen esitystapa. Kaavioiden käyttöä suositellaan vain tapauksissa, joissa muita vaihtoehtoja tiedon esittämiselle ei ole. 

Joskus kaavioupotukselle ei kuitenkaan ole vaihtoehtoa. Erityisesti kaavioupotusta voidaan tarvita silloin, jos kyseessä on jatkuvasti päivittyvä tieto.

Minimiehdot uusien kaavioupotuksen käytölle

  • Kaavion tiedot ovat ladattavissa kaavion lisäksi taulukkotiedostona.
  • Kaavion avustavan teknologian kuvaus kuvaa upotuksen sisältämät tiedot mahdollisimman tarkasti (pelkkä kaavion aihe ei ole riittävä).
  • Visualisaation luomisvaiheessa on tutustuttu kaupungin brändin tiedon visualisoinnin ohjeistukseen ja kaavio on toteutettu ohjeistuksen mukaisesti.
  • Upotus on pyritty rakentamaan Power BI:n päässä mahdollisimman saavutettavasti (tavoitetaso AA) ja sen käytettävyys mobiililaitteilla on erikseen testattu.

Näin lisäät kaavioupotuksen sivulle

  1. Mene sivun muokkaustilaan ja valitse komponenteista "Kaavioupotus".
  2. Valitse "Lisää mediaa tai tiedostoja"
  3. URL-osoite: sijoita Power BI:sta saamasi linkki, joka alkaa näin: https://app.powerbi.com/view?r=(Linkki johtaa ulkoiseen palveluun)
  4. Klikkaa "Lisää". Drupal luo automaattisesti ylläpidollisen otsikon.
  5. Otsikko: laita vaikka sama otsikko, jonka olet antanut kaaviolle Power BI:ssa. Tämä ei näy missään ja kenttä tullaan poistamaan.
  6. Transkriptio: kirjoita, mistä kaaviossa on kyse. Katso tekstiohjeistus alta.
  7. Palaat aiempaan näkymään ja juuri lisäämäsi kaavio on aktivoituna. Klikkaa "Poimi valitut mediatiedostot".
  8. Kirjoita halutessasi otsikko ja kuvaus. Nämä näkyvät kaavion yläpuolella käytännössä kappaleotsikkona ja kappaleen tekstinä.
  9. Kirjoita kuvaus avustavalle teknologialle ("kaavion alt-teksti") eli käyttäjille, jotka eivät näe kaaviota. Tämä ei näy sivulla. Katso tekstiohjeistus alta.

Tekstiohjeistus

Tämä ei näy missään ja kenttä tullaan poistamaan. Kirjoita vaikka sama otsikko, jonka olet antanut kaaviolle Power BI:ssa. 

Kirjoita tiiviisti, mistä kaaviossa on kyse. Tämä näkyy kaavion alla, kuten kuvateksti.

Mikäli kaavion ydinpointin voi ilmaista lyhyesti, mielellään yhdellä lauseella, kannattaa se laittaa tähän.

Pidemmät kaaviota avaavat sisällöt sen sijaan kannattaa sijoittaa leipätekstiin. Muuten kaavion alla olevasta tekstistä tule liian pitkä, mikä haittaa silmäilyä. Kaavion sisällön avaaminen tekstissä auttaa myös niitä, joiden on yleisesti vaikeampi hahmottaa visuaalista informaatiota. Voit esimerkiksi tehdä kaavion alle oman kappaleen, jossa on listattuna keskeisiä huomioita. Otsikoksi voi laittaa vaikka "Keskeisiä poimintoja".

Tähän voit lisätä myös:

  • Tarvittaessa tarkemman lähdemerkinnän, jos kuviossa on vain organisaation nimi.
  • Maininnan, että sisältö päivittyy automaattisesti (mikäli näin on). 

Kirjoita lyhyt kuvaus avustavalle teknologialle (eli "kaavion alt-teksti") käyttäjille, jotka eivät näe kaaviota. Tämä teksti ei näy sivulla.

Ruudunlukija osaa lukea Power BI-upotuksesta aika paljon tekstisisältöä, mutta kokonaisuutta on hankala hahmottaa. Tämän tekstin tulisi siten yleiskuva kaaviosta sellaiselle, joka ei näe kaaviota. Tässä voit esimerkiksi kertoa, millaisesta kaaviosta on kyse (esim. viivakaavio) ja kannattaa lisätä kaavion avainlukuja myös. Tarkoitus ei ole toistaa transkriptiota, koska myös se luetaan ruudunlukijalle.

Mikäli transkriptiossa tai leipätekstissä ei avata kaavion olennaisia pointteja, tulee myös niitä avata tässä.

Päivittyvän kaavion kohdalla voi olla hyvä mainita, milloin kuvausteksti on tehty.

Päätä kuvaus pisteeseen.

Nämä näkyvät kaavion yläpuolella käytännössä kappaleotsikkona ja kappaleen tekstinä eivätkä ole pakollisia.

Esimerkki

Esimerkissä näkyy, miltä kaavio näyttää sivulta.

Transkriptio: Kuviossa esitetään helsinkiläisten alle 18-vuotiaiden ja yli 65-vuotiaiden ikäryhmien kehitys vuosien 2010 ja 2023 välillä sekä ennuste vuodesta 2024 vuoteen 2060. Alle kouluikäisten lasten määrän odotetaan kasvavan maltillisesti lähivuosina, mutta peruskouluikäisten määrä pienenee 2030-luvun alkupuolelle saakka ja pysynee sen jälkeen melko tasaisena. Samalla ikääntyneiden määrän odotetaan kasvavan. Kasvu on voimakasta sekä yli 75-vuotiaiden että yli 85-vuotiaiden ikäryhmissä.

Huom! tämä on sen verran pitkä, että kannattaisi sijoittaa kaaviota avaavat kohdat mieluummin leipätekstiin.

Kuvaus avustavalle teknologialle voisi olla esimerkiksi seuraavanlainen: Viivakuvio, jossa 7 viivaa. Kuviossa on x-akseli muuttujalle aika ja arvot ovat välillä 2010-2040. Kuviossa on y-akseli muuttujalle väestön lukumäärä, ja arvot ovat välillä 11 527-67 135. Viivat menevät ikäryhmittäin seuraavasti: 0-6 v., 7-12 v., 13-15 v., 16-18 v., 65-74 v., 75-84 v. ja yli 85 v. Kaavio on jaettu toteutuneeseen ja ennusteeseen vuoden 2025 kohdalta.

Kuvakaappaus viivakaaviosta.
Esimerkissä näkyy kaavion otsikko kaavion yläreunassa sekä transkriptio kaavion alla. Ne lisättiin, kun kaavio lisättiin mediakirjastoon. Kaavion avustavan teknologian kuvaus ei näy sivulla. Jos kaaviossa olisi kaavioupotuskomponentissa lisätty otsikko ja kuvaus, ne näkyisivät kaavion yläpuolella.