Vaihtoehtoinen teksti

Vaihtoehtoinen teksti — lyhyesti alt-teksti — on HTML:n alt-attribuutilla upotettava tekstikuvaus muulle kuin tekstikuvalle. Se on verkon eniten käsitelty saavutettavuusominaisuus, ja sillä on johdonmukaisin epäonnistumismalli: kehittäjät joko jättävät sen kokonaan pois tai tuottavat geneerisiä paikkamerkkejä, jotka eivät välitä mitään.

Mitä se oikeasti tekee

Kolme yleisöä käyttää vaihtoehtoista tekstiä:

1. Ruudunlukuohjelman käyttäjät. Ruudunlukuohjelma lukee vaihtoehtoisen tekstin kuvan sijaan. Jos kuva välittää tietoa („kaavio osoittaa kanteiden kaksinkertaistuneen vuosien 2022 ja 2025 välillä“), tiedon on oltava vaihtoehtoisessa tekstissä tai viereisessä kuvatekstissä.
2. Näkevät käyttäjät rikkinäisten kuvien tilanteessa. Kun kuva ei lataudu, vaihtoehtoinen teksti näkyy sen tilalla — pieni mutta todellinen varasuunnitelma.
3. Hakukoneet. Vaihtoehtoinen teksti on yksi harvoista sijoitukseen vaikuttavista signaaleista siitä, mitä kuva oikeasti sisältää.

Päätöspuu

Jokainen julkaisemasi kuva tarvitsee eksplisiittisen vastauksen kysymykseen „minkä tyyppinen kuva tämä on?“:

• Toiminnallinen kuva — kuvake, jota käytetään ainoana visuaalisena vihjeenä painikkeessa tai linkissä. Vaihtoehtoinen teksti kuvaa toiminnon, ei kuvaketta: alt="Avaa valikko", ei alt="hampurilaiskuvake". Käyttäjä ei välitä siitä, miltä se näyttää; hän välittää siitä, mitä sen napauttaminen tekee.
• Informatiivinen kuva — valokuva, kaavio, kuvakaappaus tai kuvitus, joka välittää sisältöä. Vaihtoehtoinen teksti kuvaa välitetyn tiedon sopivalla tarkkuustasolla. Henkilökuva „Meistä“-sivulla: alt = „Dr. Matti Virtanen, tutkimusjohtaja.“ Tilastokaavio: alt = keskeinen havainto, jolloin taustatieto on joko kuvatekstissä tai viereisessä taulukossa.
• Koristeellinen kuva — kuviot, erottimet, abstraktit taustavalokuvat. alt="" (tyhjä, mutta attribuutin on oltava läsnä) käskee ruudunlukuohjelmia ohittamaan sen.
• Monimutkainen kuva — kaaviot, infografiikat, tiheät kaaviot. Lyhyt vaihtoehtoinen teksti keskeisestä havainnosta sekä pidempi kuvaus lähellä (aria-describedby viitaten kappaleeseen tai viereiseen laajennettavaan „Täydellinen kuvaus“-paljastuselementtiin).

Mitä menee pieleen tuotannossa

Kolme epäonnistumismallia selittää suurimman osan alt-tekstitysvirheistä:

• Puuttuu kokonaan. <img src="..."> ilman lainkaan alt-attribuuttia. Ruudunlukuohjelmat ilmoittavat kuvan tiedostonimen, joka on lähes aina merkityksetön.
• Tiedostonimi tai roskateksti — alt="DSC_0042.jpg" tai alt="kuva". Vähemmän huono kuin puuttuva, mutta enemmän hämmentävä kuin hyödyllinen.
• Koristeellisen sisällön liiallinen kuvaus. Puhtaasti esteettinen erotin, jolla on alt="Abstrakti oranssi ja punainen koristekuvio osion yläosassa", pakottaa ruudunlukuohjelman lukemaan sen ja ei anna käyttäjälle mitään.

Tekoälyllä tuotettu vaihtoehtoinen teksti

Useimmat modernit kuvanlatausputket ehdottavat nyt automaattisesti vaihtoehtoista tekstiä visiomallin avulla. Tämä on aidosti hyödyllistä ensimmäiseksi luonnokseksi, mutta kaksi varoitusta:

1. Malli voi olla luottavaisesti väärässä, erityisesti kaavioiden, diagrammien ja kulttuurisesti spesifin sisällön kohdalla. Tarkista jokainen ehdotus käsin ennen julkaisua.
2. Tuotettu vaihtoehtoinen teksti ei saa hiljaisesti korvata olemassa olevaa käsin kirjoitettua alt-tekstiä. Monet saavutettavuuden overlay-tuotteet epäonnistuvat tässä pahasti — ne korvaavat huolellisen toimituksellisen alt-tekstin laimeilla geneerisillä kuvauksilla.