Alt-teksti kertoo, mitä kuva tuo sivulle – ei sitä, mitä siinä näkyy

Alt-tekstin tehtävä on kertoa, mitä kuva tuo sivulle. Useimmissa tekoälyllä tehdyissä artikkelikuvissa rehellinen vastaus on: ei mitään. Kuva tekee sivusta miellyttävän, ja itse asia on tekstissä. Sellaisen kuvan oikea alt-teksti on tyhjä. Tähän aamuun asti jokainen tämän blogin artikkelikuva silti kuvaili itseään, ja syy siihen on opettavaisempi kuin korjaus.

Ruudunlukija lukee jokaisen sanan

W3C:n saavutettavuusaloite WAI sanoo asian suoraan. Sen koristekuvia käsittelevä ohje määrittelee koristekuvaksi kuvan, joka ei lisää sivulle tietoa, ja neuvoo antamaan sille tyhjän alt-määritteen eli pelkät tyhjät lainausmerkit, jotta apuvälineet ohittavat sen. Kuvaus vain lisäisi ruudunlukijan puheeseen kuultavaa sotkua tai veisi huomion sivuun, jos sen aihe poikkeaa ympäröivästä tekstistä.

Samassa ohjeessa suljetaan ilmeinen porsaanreikä. Määritteen jättäminen kokonaan pois on huonompi kuin tyhjä arvo, koska osa ruudunlukijoista lukee silloin ääneen kuvatiedoston nimen. Tyhjä alt on tietoinen ilmoitus siitä, ettei tässä ole mitään tarpeellista.

Ohjeen esimerkeissä koristekuvaksi lasketaan myös kuva, joka havainnollistaa viereistä tekstiä tuomatta siihen tietoa, eli silmäkarkki. Se kuvaa vertauskuvallista artikkelikuvaa osuvasti. Kuvan kuuluu luoda tunnelma. Sitä ei ole tarkoitettu luettavaksi.

Omat kuvamme tekivät juuri tämän virheen

Tämän blogin jokaisen artikkelikuvan alt-teksti on koottu kuvageneraattorille annetusta kohtauksesta. Alkuun on lisätty sanat "Editorial illustration", ja kokonaisuus on katkaistu 120 merkkiin. Search Consolea käsittelevän kirjoituksemme kohdalla ruudunlukijan käyttäjä kuuli ensin otsikon ja sitten englanninkielisen lauseen nurmikon poikki kulkevista harmaista askelkivistä ja polusta, jonka kävelijät ovat tallanneet oikotieksi. Lause katkesi kesken sanan. Vasta sen jälkeen alkoi itse asia.

Näkevälle lukijalle kuva vie puoli sekuntia ja sopii hiljaa kirjoituksen aiheeseen. Ääneen luettuna se on arvoitus, jolla ei ole ratkaisua ja jonka viimeinen sana on poikki. Kirjoitimme kuvaukset, koska puuttuva alt-teksti näyttää jokaisessa saavutettavuustarkistimessa virheeltä ja kuvaus näyttää huolelliselta. Kumpikaan vaikutelma ei ollut olennainen.

Tämän päivän artikkelikuva on ensimmäinen, joka julkaistaan tyhjällä alt-määritteellä. Arkiston vanhemmissa kuvissa vanhat kuvaukset ovat yhä paikallaan, ja jokaisen korjaaminen on yhden kentän muutos. Virhettä ei ollut kallista korjata. Sen huomaaminen oli kallista.

Googlen neuvo koskee toisenlaista kuvaa

Vahvin vastaväite tulee hakukoneoptimoinnista. Googlen kuvien hakukoneoptimointia koskeva ohje nimeää alt-tekstin tärkeimmäksi tavaksi antaa kuvalle metatietoa. Ohjeen mukaan Google käyttää sitä konenäön rinnalla ymmärtääkseen, mitä kuvassa on, ja paras esimerkki on kuvaileva lause. Tyhjällä alt-tekstillä kuva ei tuo sivulle mitään kuvahaussa.

Neuvo on kirjoitettu kuville, jotka halutaan löydettäviksi. Tuotekuva, kaavio laitteen toiminnasta tai kuva paikasta, jonne asiakas on tulossa, ansaitsevat näkyvyyden Google-kuvahaussa, ja niiden kuvaileminen palvelee yhtä aikaa lukijaa ja hakukonetta. Kukaan puutarhapolun kuvia etsivä ei kaipaa artikkelia Search Consolesta, joten artikkelikuvamme näkyvyys siellä ei hyödyttäisi ketään. Sama ohje varoittaa, että avainsanoilla täytetyt alt-määritteet voivat saada sivuston näyttämään roskapostilta, ja ohjaa saavutettavuuden osalta W3C:n ohjeisiin. Sama periaate pätee tekstiin, kuten kirjoitimme jutussa Google ei rankaise tekoälysisällöstä: kirjoita ihmiselle, niin hakukone seuraa perässä.

Kone tietää jo, miksi kuva on olemassa

WAI:n ohjeessa on vielä yksi tässä olennainen huomio. Sen ratkaiseminen, onko kuva koriste vai tiedon lähde, kuuluu ohjeen mukaan vain sisällön tekijälle, ja ratkaisu riippuu siitä, miksi kuva on sivulla. Käsin rakennetulla sivustolla syy on usein jonkun päässä ja lähtee hänen mukanaan. Kiireessä valitulle kuvapankkikuvalle ei ole kirjattu tarkoitusta lainkaan.

Generoitu artikkelikuva on harvinainen poikkeus: sen syy kirjataan sillä hetkellä, kun kuva tehdään. Kone pyysi vertauskuvaa ja vielä painotuotteelta näyttävällä tyylillä, joka tarkoituksella kieltäytyy näyttämästä todisteelta, kuten perustelimme kirjoituksessa kuvitus ei ole todiste. Kuvan rooli tiedetään ennen ensimmäistäkään pikseliä, joten alt-ratkaisu ei maksa mitään ja sen voi tehdä säännöllä eikä fiiliksellä.

Myönnetään myös, missä asia kääntyy toisin päin. Koneet kuvailevat pikseleitä hyvin, mutta kertovat huonosti, mitä kuva merkitsee perustelulle. Konenäkömalli kertoo, että kaaviossa on viisi sinistä pylvästä. Hyödyllinen alt-teksti kertoo, mitä kaavio osoittaa ja miksi yllä oleva kappale tarvitsee sitä, ja sen kirjoittaminen vaatii sekä datan että väitteen tuntemista. Tietoa välittävissä kuvissa koneen kirjoittama kuvaus on luonnos ihmisen tarkistettavaksi, ei koskaan valmis teksti.

Päätä kuvan rooli ennen sanoja

Anna siis jokaiselle kuvalle rooli ennen kuin sille kirjoitetaan yhtään alt-tekstiä. Koriste saa tyhjän määritteen, eikä siitä ole kenellekään haittaa. Todiste tulee asiakkaalta, saa kuvauksen siitä, mitä se tuo sivulle, ja tarkistetaan kuten mikä tahansa muu väite. Jos blogi ei osaa sanoa, mitkä sen kuvista ovat mitäkin, ongelma ei ollut alt-tekstissä. Blogi ei vain ollut vielä päättänyt, mihin sen kuvat on tarkoitettu.