Mikä on alt-teksti?
Alt-teksti (alt text) on kuvan HTML-koodiin lisättävä lyhyt tekstikuvaus. Se näytetään kuvan sijaan, jos kuva ei lataudu, ja sen lukevat ääneen ruudunlukuohjelmat, joita käyttävät esimerkiksi näkövammaiset kävijät.
Miksi alt-teksti on tärkeä?
Alt-teksti palvelee kahta tarkoitusta: se tekee sivustosta saavutettavan kaikille käyttäjille, ja se auttaa hakukoneita ymmärtämään, mitä kuva esittää, koska hakukoneet eivät voi tulkita kuvaa samalla tavalla kuin ihminen. Hyvin kirjoitetut alt-tekstit voivat siis parantaa myös sivuston hakukonenäkyvyyttä, esimerkiksi kuvahaussa.
Kuinka kirjoitan hyvän alt-tekstin?
- Kuvaile kuvan olennainen sisältö lyhyesti ja tarkasti – esimerkiksi "musta labradorinnoutaja juoksee rannalla", ei pelkkää "koira".
- Jos kuvassa on tekstiä (esimerkiksi kaavio tai kuvakaappaus), kerro alt-tekstissä myös se, mitä teksti sanoo.
- Jos kuva toimii linkkinä, kerro alt-tekstissä minne linkki vie tai mitä se tekee, älä pelkkää kuvan ulkonäköä.
- Vältä turhia ilmauksia kuten "kuva, jossa näkyy" – aloita suoraan kuvauksella.
- Älä täytä alt-tekstiä avainsanoilla; sen tehtävä on kuvata kuvaa, ei toimia mainoksena.
- Puhtaasti koristeelliselle kuvalle, joka ei tuo sisältöön lisäarvoa, voi jättää alt-attribuutin tyhjäksi (
alt=""), jolloin ruudunlukuohjelmat ohittavat sen.
Kuinka lisään alt-tekstin kuvaan?
Alt-teksti lisätään kuvan HTML-koodiin alt-attribuutilla:
<img src="kuva.jpg" alt="Kuvaus kuvasta">
Useimmissa julkaisujärjestelmissä, kuten WordPressissä, alt-tekstin voi kirjoittaa suoraan mediakirjaston kuvan tietoihin ilman koodin muokkaamista. Muista lisätä alt-teksti myös sisällön kannalta olennaisiin taustakuviin, jotta kaikki kävijät saavat saman tiedon kuvasta kuin näkevät käyttäjät.