altKuvaus

Altkuvaus, eli vaihtoehtoinen teksti, on kuvan sisältöä tai tarkoitusta kuvaava teksti, jota ruudunlukijat ja hakukoneet voivat lukea. Altkuvaus tallennetaan kuvan alt-attribuuttiin HTML-koodissa; se kertoo kuvan sisällön silloin, kun kuva ei lataudu tai kun käyttäjä ei näe kuvaa. Se voi täydentää tai korvata visuaalisen viestin, riippuen kuvasta.

Altkuvauksen tarkoitus on parantaa esteettömyyttä, käytettävyyttä ja saavutettavuutta. Se auttaa visuaalisesti rajoittuneita käyttäjiä ymmärtämään kuvan viestin ja sen liittyvän sisällön, tukee sivun kontekstin ymmärtämistä sekä voi tukea hakukoneoptimointia.

Hyvä altkuvaus on tiivis ja informatiivinen: kuvaa olennaisen sisällön ja tarkoituksen yhdellä kuvailevalla lauseella. Käytä selkeää kieltä ja vältä viitteellisiä ilmauksia kuten “Kuvassa on...”, ellei kuvaa ole muuten tarkoitettu havainnollistamaan. Jos kuvassa on oleellista tekstiä tai numeroita, sisällytä niiden keskeinen osa. Mikäli kuva on pelkästään koristeellinen eikä lisää sivun sisältöä, alt-teksti voidaan jättää tyhjäksi (alt=""), jolloin ruudunlukija ohittaa sen.

Esimerkkejä hyvistä altkuvauksista: "Kaksi henkilöä kävelemässä puistossa auringonpaisteessa." "Diagrammi näyttää myyntiluvun kehityksen vuosina 2020–2024." Altkuvausten laadun noudattaminen kuuluu WCAG-standardeihin; ne korostavat, että tärkeät kuvat ovat varustettu kuvaavalla alt-tekstillä, kun taas koristeelliset kuvat voidaan jättää tyhjiksi.