Tältä sivulta löydät ohjeet, mitä asioita olisi hyvä käydä läpi ennen sisältösivun julkaisua. Tarkistuslista varmistaa sisällön käytettävyyden ja saavutettavuuden.
Sisältöjen käyttäjätestaus
Kirjoitettua sisältöä olisi tärkeää jollain tavalla "testata", ennen julkaisua.
Tarkista sisällön käytettävyys mobiililaitteella. Pienennä selainikkunan kokoa niin, että sivu muuttuu mobiiliversioon. Onko sivu edelleen luettava? Jääkö jotain tärkeää piiloon?
Pyydä toista M-päivittäjää tai toisen toimialan kollegaa lukemaan tekstisi. Mitä hänelle jää tekstistä mieleen? Ymmärtääkö hän ohjeen?
Tee sisällöstä kaksi eri versiota (A/B-testaus). Pyydä toista M-päivittäjää tai toisen toimialan kollegaa lukemaan molemmat tekstit. Kumpi on heidän mielestään parempi ja miksi?
Lisäksi voit testata sisältöjesi silmäiltävyyttä.
Silmäilytesti tai 5 sekunnin testi. Anna teksti kollegallesi ja hänen tulee nopeasti rullata sivu lävitse. Mihin silmä tarttui sivustolla? Vaihtoehtoisesti voit antaa hänelle 5 sekuntia aikaa selata sivu läpi. Mitä hänen mieleensä jäi sivulta? Jos testihenkilö ei mainitse ohjeen tärkeintä tietoa, ohjetta tulee muokata.
”The blurry-eye test”. Siristä silmiäsi niin, että et erota mitä tekstissä lukee. Saat hyvän kuvan sisältöjen rakenteesta. Mihin silmä tarttuu sivulla?
Sisältöjen tarkistuslista
Otsikot
- Kuvaako otsikko sen alla esitettyjä sisältöjä?
- Onko kaikki otsikot merkitty otsikkotyylejä käyttäen? Tekstin lihavointi ei ole otsikkotyyli.
- Onko otsikkotasoja käytetty loogisessa hierarkiassa? Eihän otsikkotasojen yli ole hypitty? Eli esimerkiksi otsikkotason 2 alla ei voi olla otsikkotasoa 4.
- Onhan otsikkotyylejä käytetty vain otsikoissa?
Listat ja taulukot
- Onko luettelot ja numeroidut listat merkitty listana tai luetelmana tekstielementissä?
- Onhan taulukkoa käytetty ainoastaan taulukkomuotoisen tiedon näyttämiseen?
- Onko taulukon rivi- ja/tai sarakeotsikot merkitty?
- Eihän taulukossa ole tyhjiä rivejä tai tyhjiä otsikkosoluja?
Linkit
- Onko linkin tarkoitus pääteltävissä linkkitekstistä tai sen tekstiyhteydestä?
- Jos kyseessä on ulkoinen linkki, onhan linkkitekstissä kuvattu kohdesivu?
Kuvat ja tekstivastineet
- Onko koristeelliset kuvat merkitty koristeellisiksi? Kuvaan ei tällöin tarvita alt-tekstiä.
- Onko kuvan käyttö sisällössä tarpeellista?
- Onko alt-teksti ytimekäs ja informatiivinen? Kuvaako tekstivastine olennaisen sisällön merkityksellisissä kuvissa?
Video ja audio
- Onko videot tekstitetty tai löytyykö videon sisältämä informaatio tekstimuodossa?
- Löytyykö videosta kuvailutulkkaus, jos tarpeen (esim. jos videossa on tekstiä)?
- Onko videosta tekstimuotoinen kuvaus tai kuvailutulkkaus, jos videossa on pelkkää liikkuvaa kuvaa ilman ääntä?
Liitetiedostot (pdf, powerpoint)
- Sisältääkö tiedosto tekstiä eli se ei ole skannattu kuva?
- Onko tiedoston rakenteet merkitty (otsikot, listat, taulukot, sisällysluettelo, linkit, lomakekentät)?
- Onko oleellisilla kuvilla tekstivastineet? Onko koristeelliset kuvat poistettu koodeista?
- Käykö linkkien kohde ilmi? Toimiiko linkit näppäimistöllä?
- Onko lukemisjärjestys ja kohdistusjärjestys looginen?
- Onko lomakekentillä työkaluvihjeet? (WCAG 3.3.2)
- Onko pääkieli määritetty sekä poikkeavien tekstinpätkien kieli?
- Onko dokumentin ominaisuuksissa dokumentin otsikko (title)?