Nainen on puolittain makuuasennossa kuulokkeet päässä ja appelsiininviipale kädessä.

Verkkosivulukija – kuunneltavat verkkosivut

Verkkosivulukija muuttaa näytöllä olevat tekstit puheeksi. Käyttäjä voi kuunnella verkkosivun tekstit ääneen luettuna ilman, että vierailijan tarvitsee ladata ylimääräistä ohjelmaa. Kun verkkosivuvierailija pystyy itse päättämään haluamansa sisällön kuluttamisen muodon, yritykset tarjoavat vierailijalleen erinomaisen käyttäjä- ja sivustokokemuksen.

Verkkosivulukija luo uutta mielenkiintoa ja houkuttelevuutta sivuston sisältöjä kohtaan. Vierailijat voivat esimerkiksi jäädä kuuntelemaan sivuston sisältöjä, kuten blogitekstejä ja oppimateriaaleja, muun tekemisen ohessa. Sivuilla pidempään vietetty aika vaikuttaa myös hakukonetuloksiin positiivisesti.

Artikkelissa kerromme, miten verkkosivustolla vieraileva hyötyy lukijasta ja miten lukijaa käytetään, sekä miten verkkosivulukija saadaan omalle sivustolle.

Mitä hyötyä verkkosivulukijasta on käyttäjälle?

Verkkosivulukija parantaa omalta osaltaan sivuston helppokäyttöisyyttä ja saavutettavuutta. Sivuston asiasisältö on käytettävissä ja viesti välittyy, vaikka tekstin lukemisessa olisi haasteita esimerkiksi näkövamman, lukihäiriön tai heikomman kielitaidon takia. Joskus taas sivuilla on saatettu käyttää liian pientä fonttia tai haaleita värejä, jolloin kenellä tahansa voi olla vaikeuksia lukea tekstiä.

Saavutettavuusdirektiivi määrittelee tarkemmin yksityiskohdat siitä, mitä elementtejä verkkosivuille vaaditaan ja keitä direktiivi koskee. Saavutettavuuden edistäminen omilla verkkosivuilla on joka tapauksessa kaikilta suotavaa toimintaa.

Ääniominaisuus palvelee kaikkia verkkosivuvierailijoita. Ääniominaisuudesta on tullut yleinen ja totuttu sisällön kuluttamisen muoto, sillä ne mahdollistavat muun tekemisen samaan aikaan ja antavat silmille tauon ruudusta.

Joskus taas halutaan muuten vain mieluummin kuunnella lukemisen sijaan. Hyvänä esimerkkinä äänikirjojen ja podcastien suosion hurja kasvu. Verkkosivulukijan avulla blogitekstit saadaan tuotua käyttäjille käytännössä podcastmuodossa. Tästä sivuilla vietetystä ajasta hyötyy myös verkkosivuston ylläpitäjä hakukonenäkyvyyden kannalta.

Verkkosivulukijan käyttäminen on helppoa

Verkkosivuilla vierailevalle paras ja ilmainen tekstistä puheeksi -ohjelma on jo valmiiksi verkkosivuille integroitu lukija. Näytön sivussa näkyy yksinkertainen play-painike, jota klikkaamalla sisältö saadaan automaattisesti kuunneltavaksi. Teksti muuttuu puhesynteesin avulla kuunneltavaan muotoon koneäänen lukemana.

Tekstiä kuunneltaessa verkkosivu siirtyy automaattisesti alaspäin. Näin kuulijan on aidosti mahdollista vain kuunnella sivua, ilman samanaikaista alaspäin skrollaamista. Ääniominaisuuden pystyy aloittamaan klikkaamalla suoraan haluamaansa tekstikohtaan eli sisältöä ei tarvitse kuunnella sivun alusta lähtien.

Sanat korostuvat kohdista, joissa lukija kulkee. Käyttäjä voi siten helposti seurata sisällön etenemistä. Tämä auttaa varsinkin kielen opiskelijoita ja lukivaikeuksista kärsiviä.

Miten verkkosivuista luodaan ääniversio?

Lukijan voi lisätä omille verkkosivuilleen helposti. Kaikki ominaisuudet toimivat automaattisesti lisäämällä lukijan JavaScript-tiedosto osaksi sivun normaalia latausjärjestystä. Tämän jälkeen lukija on heti sivuston käytettävissä.

Lukija voidaan asettaa lukemaan automaattisesti halutut html-elementit html-tagien tai CSS-luokkien perusteella ilman, että sivuston lähdekoodia tarvitsee muuttaa lainkaan. Sivustolle lisättävät uudet julkaisut ovat saman tien kuunneltavassa muodossa.

Mikäli halutaan tarkemmin määritellä, mitkä tekstit ovat lukijan luettavissa, suosittelemme identifioimaan ne erillisellä CSS-luokalla. Tällöin lukija voidaan asettaa tarkasti lukemaan juuri nämä tekstit.

Verkkosivulukija luonnollisen koneäänen äänellä

Ääniominaisuuden upottaminen sivustolle on helppoa. Digitaaliset tekstit muutetaan ääneksi text to speech eli teksti puheeksi -teknologian avulla.

Verkkosivulukija sekä tukee sivuston saavutettavuutta että tekee siitä lähestyttävän. Oman sivuston sisältöjä kohtaan kasvatetaan mielenkiintoa, kun sisällön kuluttamisen eri muodot on otettu huomioon ja vierailijalle annetaan mahdollisuus päättää haluamansa kuluttamisen muoto.

a.i.materin verkkosivulukija on toteutettu koneääni-Ilonan lukemana. Luonnollisen ja ihmismäisen puheen ansiosta sisällön kuunteleminen on miellyttävää. Uudet sisällöt, kuten blogitekstit muuntuvat automaattisesti kuunneltavaan muotoon.

Jos sinäkin haluat luonnollisen äänen lukemaan verkkosisältösi ääneen, ota meihin yhteyttä!

Kysymyksiä, ajatuksia tai mahdollinen yhteistyö?

Kännykän näyttö, jossa näkyy Rakennuslehden artikkeli, joka kertoo, että Rakennuslehden artikkelit ovat nyt kuunneltavia. Kännykkää pitelee käsi ja taustalla näkyy sepeliä.
5.2.2025
Rakennuslehden kuunneltavat artikkelit ovat saaneet lukijoilta positiivisen vastaanoton ja kuuntelumäärät ovat yllättäneet toimituksessa. Referenssitarinassa kerrotaan, miten Rakennuslehti koki verkkosivulukijan käyttöönoton.
Pöydälle on levitetty Sushi go lautapeli. Kuvan reunoilla näkyy työntekijöiden käsiä, jotka pelaavat peliä.
18.12.2024
Artikkelissa summataan vuoden 2024 projektit; pääsimme tekemään teetettyjä ääniklooneja, äänirajapintoja, verkkosivulukijoita ja ohjelmistokehitystä. Sisäisiä kehitysprojekteja löytyy myös aina; tänä vuonna ääniverstasta ja asiakasportaalia.
18.10.2024
Suomen ensimmäistä tekoälyyn keskittyvää palkintogaalaa juhlitaan 23.10.2024 julkistamalla kunkin kategorian voittajat. a.i.mater on kolmen kärjessä asiakaskokemus-kategoriassa.
Kaksi henkilöä istuvat sohvalla läppärit sylissä. Kasvot on rajattu pois kuvasta.
9.9.2024
Digipalvelulaki ja esteettömyysdirektiivi laajenevat kesäkuussa 2025. Artikkelissa kerrotaan, keitä laki koskee myös jatkossa ja mitä saavutettavuusvaatimukset käytännössä ovat. Erityishuomiota kiinnitetään sähkö- ja äänikirjoihin.
Mies istuu toimistolla työpöytänsä ääressä. Valokuva on otettu takaapäin, joten kuvassa näkyy henkilön selkä ja tietokoneen näytöt, takana näkyy sumealla muuta toimistoa.
16.8.2024
Case-esimerkki Ylelle toteutetusta kieliteknologian projektista, jossa hyödynnettiin CLIP-tekoälymallia kuvahaun sujuvoittamiseen materiaaliarkistoista.
Nainen istuu toimistotuolissa tietokoneen edessä ja katsoo näyttöä. Toinen käsi on näppäimistöllä. Taustalla on isot ikkunat.
16.5.2024
Sekä ruudunlukuohjelma että verkkosivulukija lukee verkkosivuja ääneen. Oleellisen ero on, että ruudunlukijat on tarkoitettu henkilöille, joilla on näkemisen tai motorisen tai kognitiivisen puolen kanssa rajoitteita, kun taas verkkosivulukija sopii paljon