Kaavio on visuaalinen tiedon esitystapa. Kaavio auttaa käyttäjää ymmärtämään monimutkaista tietoa.
Kiinnitä huomiota kaavion tyyppiin, kaikelle tiedolle ei sovi sama kaavio.
Kaavio voi olla sivulla kuvana tai se voi olla interaktiivinen.
Tuo kaavioon liittyvää tietoa, kuten numerot, mahdollisimman lähelle kaavion elementtejä. Tämä auttaa käyttäjää hahmottamaan sisällön.
Jos kaavion ymmärtäminen ei vaadi interaktiivisuutta, voi kuvana oleva kaavio rittää.
Jos kaavion sisältöä päivittyy automaattisesti tai jos siinä on paljon dataa, on interaktiivinen kaavio monesti parempi valinta.
On hyvä huomioida, että kuvana lisättävä kaavio on yleisesti ottaen nopeampi ladata eikä se vaadi ylimääräisiä kaaviokirjastoja sivustolle.
Kiinnitä huomiota missä kaaviota näytetään. Mobiilikoossa kuva voi mennä hyvin pieneksi ja se on hyvä pitää mielessä.
Varmista ettei teksti ole liian pienellä.
Varmista, että käytät kuvaavia nimiä ja tarvittaessa myös muita kuvailuja helpottamaan kaavion ymmärrettävyyttä.
Interaktiivisen kaavion kanssa on tärkeää valita saavutettava toteutus.
Jos interaktiivinen kaavio ei ole saavutettava, osalta käyttäjistä voi jäädä olennaista tietoa saamatta.
Osa kaaviototeutuksista saattaa tarjota muun muassa taulukkomuotoisen vaihtoehtoisen sisällön automaattisesti. Kannattaa tutustua eri kaaviototeuttajiin ja valita ominaisuuksiltaan sopivin. Kysy tarvittaessa kaaviototeuttajilta heidän toteutustensa saavutettavuudesta, jos tätä tietoa ei heidän sivustoltaan suoraan löydy.
Jokaisella kaaviolla pitää olla tekstivastine, jotta sen voi ymmärtää myös näkemättä kaaviota.
Saat parhaan tekstivastineen, kun hyödynnät useampaa tapaa:
Tekstivastineen pitää kuvailla kaavion sisältö niin, että sen sisällön voi ymmärtää.
Kuvan vaihtoehtoisen tekstin suositeltu maksimipituus on n. 150 merkkiä. Eli kovin pitkää selitystä siihen ei saa. Jos teksti on pidempi, jätä kuvan vaihtoehtoinen teksti tyhjäksi ja lisää kuvaus kuvatekstiksi tai tekstisisällön oheen.
Kaavion eri osuudet saa erotettua toisistaan väreillä vain jos niitä on hyvin vähän. Jokaisen käytetyn värin ja taustavärin kontrastin pitää olla vähintään 3:1.
Yleensä kannattaa kuitenkin käyttää myös muita keinoja, kuten:
Varmista, että kaaviolla on myös taustaväri, jolloin se on luettavissa käyttäjän väriteemasta riippumatta.
Testaa kaavio ilman värejä. Jos kaavio on ymmärrettävissä ilman värejä, se on hyvin todennäköisesti visuaalisesti saavutettava.
Valitse kaavion tyyppi esitettävän tiedon mukaan.
Jos esität osuuksia tai prosentteja:
Yleensä piirakkakaavion suosituksena on alle 5 osiota, mutta tähän näkee usein poikkeuksia.
Älä käytä piirakkakaaviota, jos on tarkoitus vertailla kahta kaaviota keskenään. Piirakkakaavioiden vertaileminen on monelle hankalaa.
Kun esitetään jatkuvaa dataa tai dataa ajanjaksolta.
Esimerkiksi kun verrataan arvoja eri kategorioista.