Kuva- ja kuvatekstikysymys

Käytettävyys, lauantaina 4.6.2005,

Kuvat tulisi merkitä alt-attribuutilla silloin kun ne esittävät jotain oleellista asiayhteyteen liittyvää. Jos kuvien tarkoitus on toimia vain koristeina, ne tulisi merkitä tyhjällä alt-attribuutilla alt="".

Olen miettinyt parasta tapaa integroida kuvatekstit kuvien yhteyteen. Internetiä visuaalisesti selaavien kanssa ei tule ongelmia, sillä kuvat kuvateksteineen voi tyylien avulla siirtää muusta tekstistä erilleen. Ruudunlukuohjelmat sen sijaan lukevat (ja tekstiselaimet esittävät) kuvatekstin siinä kohtaa mihin ne on merkintäkoodissa sijoitettu.

Esimerkiksi hypoteettinen nettisivu voisi näyttää useimmille tältä:

Merkintäkoodi ulkoasun takana voisi olla seuraavaa:

<div class="kuva">
  <img src="poliisi_ohjaa.png" width="48" height="48"
      alt="Poliisi ohjaa liikennettä">
  <p>Liikenteenohjauksessa poliisilla on tärkeä rooli.</p>
</div>

<p>
Poliisivoimat työllistävät Suomessakin miljoonia ihmisiä.
Poliisin tehtäviin kuuluu maa- ja merialueiden turvaaminen,
ilmatilan valvominen sekä yleinen kansalaisvalvonta. Poliisi
näkyy ja kuuluu jokapäiväisessä elämässämme.
</p>
    

Puhesyntetisaattori luultavasti lukee kyseisen kohdan näin: Graphic Poliisi ohjaa liikennettä. Liikenteenohjauksessa poliisilla on tärkeä rooli. Poliisivoimat työllistävät […]. Tässä tilanne ei vielä ole kovin hankala, mutta luulen, että joissain tapauksissa sekä kuva että kuvateksti tuntuvat olevan irrallisia muuhun tekstiin nähden. Sen takia ne on tyyleillä sivuun laitettu.

Tilanne korostuu, jos ajattelee alt-määreen olevan turha ja pelkän kuvatekstin riittävän (merkitsee toisin sanoen alt=""). Tällöin teksti Graphic jäisi pois ja kuuntelijalle ei välttämättä välittyisi tietoa siitä, että tekstinpätkä Liikenteenohjauksessa poliisilla on tärkeä rooli on itse asiassa kuvatekstiin liittyvä, eikä osa leipätekstiä.

Ruudunlukuohjelmaa ja tekstiselainta käyttävällä ei ole käytössään visuaalisia vihjeitä, joita me muut ahnaasti hyödynnämme. Joten haluaisinkin tietää mitä mieltä te olette? Onko silti tarpeellista lisätä jotain alt-attribuutin sisään vai voiko sen jättää tyhjäksi?

Tietenkin on olemassa vielä mahdollisuus, että sana Graphic lisätään audiovirtaan joka tapauksessa, jolloin koko tämä kirjoitus on ollut turha. Mutta toisaalta ainakin Lynx jättää hakasulkumerkinnän lisäämättä, jos alt-attribuuttia on käytetty.