Vaihtoehtoinen teksti
Vaihtoehtoinen teksti (alt-teksti) on kuvan HTML-koodiin lisätty kirjallinen kuvaus, joka kuvaa kuvan sisällön ja tehtävän ruudunlukijoille ja hakukoneille.
Vaihtoehtoinen teksti palvelee kahta kriittistä tarkoitusta: verkkosivuston saavutettavuutta ja hakukoneoptimointia (SEO). Näkövammaisille käyttäjille, jotka luottavat ruudunlukuohjelmistoihin, vaihtoehtoinen teksti tarjoaa kuvien verbaalisen kuvauksen. Koska hakukoneet eivät myöskään näe kuvia, vaihtoehtoinen teksti selittää, mitä kuva esittää, ja auttaa sitä ilmestymään kuvahakutuloksiin.
Koristeelliset kuvat, jotka eivät välitä tietoa, voivat saada tyhjän alt-attribuutin (alt=""), jolloin ruudunlukijat ohittavat ne. Vaihtoehtoinen teksti näytetään myös silloin, kun kuva ei lataudu, mikä antaa käyttäjälle kontekstin siitä, mitä häneltä jää puuttumaan. Tämä varatoiminto tekee siitä tärkeän käyttökokemuksen kannalta myös saavutettavuuden ja SEO:n ulkopuolella.
Käytännössä
- Ruokablogi lisäsi kuvailevan vaihtoehotoisen tekstin 500 reseptikuvaan ja havaitsi Google Images -liikenteen kasvaneen 40 % kahden kuukauden aikana
- Verkkokauppa kirjoitti ainutlaatuisen vaihtoehotoisen tekstin 2 000 tuotekuvalle tiedostonimien sijaan, mikä johti 15 %:n kasvuun orgaanisissa tuotesivukäynneissä
- Kiinteistövälittäjä kuvaili jokaista kiinteistökuvaa sijainnin, ominaisuuksien ja huonetyypin perusteella, tavoittaen hakuja kuten 'moderni keittiö Austin TX'
- Hyväntekeväisyysjärjestö paransi verkkosivustonsa WCAG-yhteensopivuuspisteytystä 62 %:sta 94 %:iin pelkästään lisäämällä oikean vaihtoehotoisen tekstin kaikkiin kuviin
Et ole varma, miten tämä koskee sinua?
Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.