Hyödyllinen tuotekuvien alt-teksti kertoo ostajalle, mitä tietty kuva välittää: miltä tuote näyttää, minkä yksityiskohdan toinen näkymä näyttää tai mikä on kuvaan perustuvan hallintalaitteen tarkoitus. Alt-teksti on tekstivastine, jota esimerkiksi ruudunlukuohjelma voi käyttää kuvan kuvailemiseen. Aloita kuvan tarkoituksesta sivulla ja tarkista tallentamisen jälkeen sanamuoto varsinaisessa verkkokaupassa.
Galleria voi näyttää selkeältä, vaikka jokaisen kuvan alt-tekstinä olisi sama tuotteen nimi. Tällöin etunäkymän, kiinnityksen yksityiskohdan ja värivaihtoehdon erot katoavat tekstistä. Ehdotamme, että tuotegallerian arviointi käsitellään pienenä toimituksellisena tehtävänä: tuoteluettelon toimittaja tarkistaa sanamuodon ja verkkokaupan ylläpitäjä tulosteen.
Miksi tuotekuvien alt-tekstistä katoaa olennaista tietoa
Hyödyllinen kuvaus riippuu kuvan roolista ja sitä ympäröivästä sisällöstä. W3C:n informatiivisia kuvia koskeva ohje pyytää sisällöntuottajia välittämään kyseisessä asiayhteydessä olennaiset tiedot. Saman otsikon, tiedostonimen tai hakulauseen toistaminen koko galleriassa voi jättää kertomatta ominaisuuden, jota tietyn valokuvan oli tarkoitus näyttää. Kentän täyttäminen on vain osa työtä.
Tuotteen nimen oletetaan riittävän. Nimi yksilöi tuotteen, mutta lähikuva voi näyttää kiinnityksen tai taskun yksityiskohdan. Tarkastele, mitä valokuva kertoo otsikon ja läheisen kuvauksen lisäksi.
Kuvan toiminto jää huomiotta. Valokuva voi toimia myös linkkinä tai galleriapainikkeena. W3C:n toiminnallisia kuvia koskevassa ohjeessa toiminto tai kohde on osa päätöstä. Saavutettavan nimen eli avustavalle teknologialle välittyvän hallintalaitteen nimilapun on tehtävä sen tarkoitus ymmärrettäväksi.
Tallennettua merkintää pidetään lopputuloksena. Käsittele hallintakenttää ja näytettävää sivua erillisinä tarkistuspisteinä. Tuonti, uudelleen käytetty kuva tai mukautettu teeman logiikka antaa aihetta tarkistaa muodostettu tuloste eli se, mitä kyseinen verkkokaupan sivu tosiasiassa välittää, ennen koko tuoteluettelon muuttamista.
Myös Googlen kuvaohje varoittaa täyttämästä tekstivastineita avainsanoilla. Kirjoita ostajan tarvitsemaa yksityiskohtaa tai toimintoa varten. Hakutermien luettelo ei selitä niitä.
Päätä, mitä kukin kuva lisää
Arvioi kuva yhdessä sitä ympäröivän tekstin sekä siihen kuuluvan linkin tai painikkeen kanssa. Kysy, mikä tieto tai toiminto jäisi epäselväksi ilman kuvaa. W3C:n päätöspuu erottaa informatiivisen, toiminnallisen ja koristeellisen käytön. Muualla uudelleen käytetty kuva edellyttää uutta asiayhteyteen perustuvaa päätöstä. Gallerian myöhempi näkymä ei muutu automaattisesti koristeelliseksi vain siksi, että tuotteen nimi on jo näytetty.

Ajatellaan kuvitteellista kauppaa, joka myy sinistä olkalaukkua. Seuraavat sanamuodot ovat keksittyjä esimerkkejä, eivät oikeasta tuoteluettelosta tarkistettuja kuvauksia.
| Sijainti | Arvioitava päätös |
|---|---|
| Näkymä edestä | Kuvaile olennainen näkyvä ulkoasu, esimerkiksi sininen laukku, jossa on kaareva läppä. |
| Kiinnityksen lähikuva | Kuvaile näkyvä kiinnityksen yksityiskohta, jonka tämä näkymä lisää. |
| Eri väri | Sovita kuvaus valokuvaan ja valittuun vaihtoehtoon. |
| Vain kuvasta koostuva gallerian hallintalaite | Tee hallintalaitteen toiminnosta ymmärrettävä, esimerkiksi kiinnitysnäkymän avaaminen. |
| Pelkästään koristeellinen toisto | Harkitse tarkoituksella tyhjää tekstivastinetta tietojen ja toiminnon tarkistamisen jälkeen. |
Tyhjä tekstivastine tarkoittaa tarkoituksellista alt=""-attribuuttia. W3C:n koristeellisia kuvia koskeva ohje erottaa sen attribuutin jättämisestä pois. Linkin sisällä olevan tuotekorttikuvan tyhjä tekstivastine voi olla asianmukainen, jos samassa linkissä on riittävä teksti. Lähellä erillään oleva tuotteen nimi ei automaattisesti anna nimeä linkille, joka koostuu vain kuvasta.
Pidä yksityiskohtaiset koko- tai kokoamisohjeet saatavilla saavutettavana sivusisältönä. W3C:n monimutkaisia kuvia koskeva ohje edellyttää kattavampaa tekstiselitystä, kun lyhyt tekstivastine ei voi välittää tietoa. Älä yritä mahduttaa kaavion ohjeita lyhyeen kuvaukseen ja jättää muita tietoja pois.
Kirjoita ja tallenna arvioitu otos
Valmistele otos, jonka voit tarkistaa ennen menetelmän soveltamista koko tuoteluetteloon. Käyttäisimme tietuetta, johon merkitään sivun URL-osoite, kieli, valittu vaihtoehto, kuvan viite, tarkoitus, ehdotettu sanamuoto ja tarkistuksen tulos. Pienoiskuva tai selkeä mediaviite auttaa arvioijaa yhdistämään rivin oikeaan kuvaan sen sijaan, että tämä joutuisi arvaamaan tiedostonimen perusteella.
- Kirjaa kuvan välittämä tieto. Kirjoita, mitä ostaja tarvitsee tästä näkymästä ja mitä lähellä oleva teksti jo kertoo. Merkitse myös, kuuluuko kuva linkkiin tai painikkeeseen.
- Laadi lyhyt tekstivastine. Säilytä erottava näkyvä yksityiskohta. Tarkista väri ja muut olennaiset tiedot oikeasta valokuvasta ja tuoteluettelotietueesta. Älä päättele ulkoasun perusteella materiaalia, tilavuutta tai sertifiointia.
- Arvioi ehdotukset ennen hyväksymistä. Tuotettu kuvaus on luonnos. Pyydä tuotesisällön toimittajaa tarkistamaan sen sisältö ja tarkoitus, mukaan lukien valittu vaihtoehto ja kieli.
- Tarkista selittämättömät nykyiset arvot. Jos kentässä on varastokoodeja tai poikkeavaa muotoilua, kysy ylläpitäjältä, onko mukautettu gallerialogiikka niistä riippuvainen. Testaa muutokset hyväksytyssä esikatselussa tai toisessa otoksessa, jossa muutokset voi perua, ennen arvojen korvaamista suurena eränä.
- Tallenna asianmukaisen mediakentän kautta. Shopifyn nykyisessä tietokoneohjeessa siirrytään Tuotteet-kohtaan, valitaan tuote ja sitten sen mediakohde. Valitse Lisää alt-teksti, kirjoita arvioitu sanamuoto ja valitse Tallenna alt-teksti. Tämä reitti kattaa tuotemedian. Kuvausten tai teemaosioiden kuvilla voi olla toinen muokkauspaikka.
- Siirrä toteutusongelmat ylläpitäjälle. Jos kenttä tai hallintalaite ei pysty ilmaisemaan vaadittua tarkoitusta, anna sivu, kuvan viite ja tavoiteltu tulos. Ehdottamassamme verkkokauppasivuston toteutuksessa tämä luovutus erottaa sisältöpäätöksen teemamuutoksesta ja sen tarkistamisesta.

Tarkista verkkokauppa ennen tuoteluettelon muuttamista
Avaa tallentamisen jälkeen kyseinen verkkokaupan sivu ja tarkista juuri muokkaamasi sijainti. Vahvista kuvan tekstivastine, siihen mahdollisesti kuuluvan hallintalaitteen saavutettava nimi sekä se, mitä tapahtuu vaihtoehtoa tai gallerianäkymää vaihdettaessa. Jos et voi tarkistaa näitä itse, pyydä ylläpitäjää näyttämään tuloste tietuettasi vasten ennen muokkauksen laajentamista.
- Yhdistä oikeaan kuvaan. Lue muodostetun kuvan
alt-attribuutti selaimen tarkastustyökaluilla tai pyydä ylläpitäjää tekemään se. Vertaa sitä valmisteltuun sanamuotoon ja sillä hetkellä näytettävään valokuvaan. - Tarkista hallintalaitteen nimi ja toiminto. Tarkista linkin tai painikkeen osalta avustavalle teknologialle välittyvä nimilappu sekä kuvan tekstivastine. Varmista, että ilmoitettu toiminto tai kohde vastaa hallintalaitteen aktivoimisesta seuraavaa tapahtumaa. Pelkkä kuvan kuvaus ei välttämättä ratkaise koko hallintalaitteen nimeä.
- Vaihda näkymää ja vaihtoehtoa. Avaa kiinnityksen yksityiskohta, valitse toinen näkyvä väri ja tarkista vastaava tuloste uudelleen. Jos kuvaus jää väärään kuvaan, kirjaa täsmällinen tapahtumasarja ylläpitäjää varten.
- Avaa sivu ja kyseinen kieli uudelleen. Tarkista, että tallennettu muutos on yhä tarkoitetussa sijainnissa. Kirjaa ratkaisemattomat tapaukset erikseen, myös ne, joissa tuontia tai käännöstyönkulkua on tutkittava.
Selaimessa tehtävä tarkistus tutkii toteutusta. Taitava ruudunlukuohjelman käyttäjä voi arvioida ostotehtävää kyseisellä avustavalla teknologialla. Pidä kunkin arvioinnin laajuus selvänä. W3C:n Easy Checks -ohje varoittaa, etteivät alustavat tarkistukset ole ratkaisevia. Täytetty kenttä tai tämä otos ei siis osoita koko kaupan saavutettavuutta. Verkkosivustosi ensimmäiset saavutettavuustarkistukset käsittelevät laajempia tehtäviä, kuten näppäimistön käyttöä ja lomakkeita.
Pidä tekstivastineet oikeina muokkauksen jälkeen
Määritä vastuu lähdetekstistä ja toista asianmukainen tarkistus, kun valokuva, vaihtoehto, kieli, teema tai tuonti muuttuu. Jos tuoteluetteloa syöttää useampi järjestelmä, selvitä, mikä niistä hallitsee kenttää. Sisällyttäisimme tämän kartoituksen tuoteluettelon ja CRM:n integrointityönkulkuun ennen sellaisten manuaalisten muokkausten laajentamista, jotka toinen prosessi voi korvata.
Seuraa arvioituja sijainteja, verkkokaupassa vahvistettua sanamuotoa ja ratkaisemattomia tapauksia. Tietueet osoittavat tehdyn työn ja jäljellä olevat asiat. Ne eivät mittaa vaikutusta myyntiin. Säilytä kuvan viite, nykyinen sanamuoto, toimittaja ja seuraavan arvioinnin käynnistävä tapahtuma yhdessä, jotta toinen henkilö voi ylläpitää samaa päätöstä.
Missä voimme auttaa
Aloittaisimme tuotteen näkymistä ja sopisimme, mitä kunkin on välitettävä. Luovutus yhdistää sitten tuotesisällön toimittajan sanamuodon tallennuspaikkaan, verkkokaupan tulosteeseen ja ratkaisemattomaan hallintalaitteen toimintaan. Aloita oma tietueesi tuotteesta, jonka galleriassa näkyy erillisiä yksityiskohtia, ja tarkista otos ennen työn laajentamista.