Avaa kuva tekstieditorissa

Kuvan alt-tekstiä muokataan AI Commercen nykyisessä tekstieditorissa napsauttamalla sisältöön lisättyä kuvaa. Sama editori on käytössä esimerkiksi kategorioiden, tuotteiden kuvausten, valmistajien, tuotevälilehtien, usein kysyttyjen kysymysten ja CMS:n tekstikentissä.

1. Avaa muokattava sisältö.
2. Valitse oikea kielivälilehti, jos sisältö on kielikohtainen.
3. Siirry tekstieditorissa kohtaan, jossa kuva näkyy.
4. Napsauta kuvaa. Näkyviin avautuu Päivitä kuva -ikkuna.

Jos editori on HTML-lähdetila-näkymässä, vaihda ensin Visuaalinen tila -näkymään, jotta voit avata kuvan ikkunan napsauttamalla.

Muokkaa alt-tekstiä

Kuvan alt-teksti muutetaan Päivitä kuva -ikkunan Alt-teksti-kentässä.

1. Kirjoita Alt-teksti-kenttään lyhyt kuvaus kuvan olennaisesta sisällöstä tai tarkoituksesta.
2. Älä valitse uutta Kuvatiedosto-arvoa, ellet halua samalla korvata nykyistä kuvaa.
3. Tarkista tarvittaessa kuvan Koko ja Tasaus.
4. Valitse Päivitä kuva.
5. Tallenna lopuksi koko sivu, tietue tai sisältö sen omalla tallennustoiminnolla.

Päivitä kuva päivittää editorissa olevan kuvan HTML:n, mutta sivutason muutos tulee pysyväksi vasta, kun tallennat muokattavan sisällön. Tarkista tallennuksen jälkeen oikea kieliversio.

Käytä tyhjää alt-arvoa vain koristekuvalle

Tyhjää alt-arvoa käytetään vain koristekuvalle, joka ei välitä sisältöä tai toimintoa. Kun Alt-teksti jätetään tyhjäksi nykyisessä kuvaikkunassa, kuva tallentuu tyhjällä alt-arvolla; attribuuttia ei pidä olettaa poistetuksi HTML:stä.

Kirjoita informatiiviselle kuvalle alt-teksti, joka:

• kertoo kuvan olennaisen sisällön tai toiminnon;
• sopii ympäröivän tekstin asiayhteyteen;
• ei toista turhaan kuvatekstiä tai viereistä otsikkoa;
• ei aloita sanoilla ”kuva” tai ”valokuva”, ellei tieto ole merkityksellinen;
• ei käytä tiedostonimeä kuvauksena.

Esimerkiksi tuotteen käyttötilannetta esittävän kuvan alt-teksti voi olla Punainen emalimaali levitettynä puiselle ulko-ovelle. Pelkkä kuva1.jpg ei auta ruudunlukijan käyttäjää eikä kuvaa sisältöä.

Lisää uudelle kuvalle alt-teksti heti

Uuden kuvan alt-teksti lisätään samassa ikkunassa kuin kuvatiedosto.

1. Valitse tekstieditorin työkaluriviltä Kuva.
2. Valitse tuettu kuvatiedosto.
3. Anna Alt-teksti ennen kuvan lisäämistä.
4. Valitse kuvan koko: Alkuperäinen, 50 % tai 25 %.
5. Valitse tasaus: Ei tasausta, Vasemmalle, Keskelle tai Oikealle.
6. Valitse Lisää kuva ja tallenna koko sisältö.

Kuvatiedosto ladataan tenantin upload-buckettiin ennen HTML-sisällön tallennusta. Jos lataus epäonnistuu, korjaa näkyvä virhe ennen sivutason tallennusta.

Muokkaa title-attribuuttia vain tarvittaessa

Kuvan title-attribuutille ei ole kenttää nykyisessä visuaalisessa Päivitä kuva -ikkunassa. Jos olemassa oleva käyttötapa todella edellyttää title-tekstiä, muokkaa sitä hallitusti HTML-lähdetilassa.

1. Valitse työkaluriviltä HTML-lähdetila.
2. Etsi oikean kuvan <img>-elementti sen src- tai alt-arvon avulla.
3. Lisää tai muuta attribuuttia muodossa title="Lisätieto kuvasta".
4. Älä muuta kuvan src-, class-, width- tai muita attribuutteja tarpeettomasti.
5. Vaihda takaisin Visuaalinen tila -näkymään ja tarkista kuva.
6. Tallenna koko sisältö.

Title-teksti ei korvaa alt-tekstiä. Kaikki selaimet ja avustavat teknologiat eivät esitä title-arvoa samalla tavalla, joten kuvan merkityksellinen vaihtoehtoinen kuvaus kuuluu aina alt-attribuuttiin.

Tarkista tallentunut HTML

Kuvan alt-tekstin tallennus tarkistetaan editorin HTML-lähdetilasta ja julkaistusta sisällöstä.

1. Avaa tallennuksen jälkeen HTML-lähdetila.
2. Etsi kuvan <img>-elementti.
3. Varmista, että siinä on odotettu alt="...".
4. Jos title-attribuuttia tarvitaan, varmista myös title="...".
5. Avaa lopullinen sivu ja tarkista, että kuva latautuu ja sisältö on oikealla kielellä.

Jos lähdekoodissa on editorin skeeman ulkopuolista HTML:ää, editori näyttää varoituksen. Tee tällöin muutos lähdetilassa ja tarkista koko HTML huolellisesti, jotta muu sisältö ei muutu vahingossa.