Termékképek alt szövege: mit írjunk, és mit hagyjunk ki?

Ugyanaz a kép más helyen mást jelenthet

Az alternatív szöveg nem automatikus képleltár. A kérdés az, mit veszítene a vásárló, ha a képet nem látná. Egy termékadatlap részletfotója megmutathatja a csat típusát, míg a kategóriakártya ugyanarról a termékről elsősorban azonosító szerepet tölt be. A szöveg ezért a környezettől függ.

A terméknév puszta ismétlése egyes helyzetekben elég lehet, máskor kevés. Ha a vásárló csak a képből tudja meg, hogy a hátizsák oldalán külön palacktartó zseb van, ez hasznos információ. Ha a környező szöveg már pontosan leírja ugyanazt, a képernyőolvasóval feleslegesen ismételt leírás terhelő lehet.

Ne töltsön az alt mezőbe kulcsszóhalmazt vagy általános reklámszöveget. Az »olcsó, akciós, legjobb hátizsák« nem helyettesíti a fotó tartalmát. Fájlnév, belső cikkszám és a »kép erről« fordulat rendszerint szintén kevésbé hasznos, mint a tárgy és a releváns részlet megnevezése.

Termékfotó, részletfotó és dekoráció

Egy hátizsák elölnézeti képéhez megfelelő saját példa: »Zöld hátizsák két elülső cipzáras zsebbel«. Egy részletképhez: »Párnázott vállpánt állítható csattal«. A leírás ne találjon ki anyagot, méretet vagy funkciót, amely a képből és a hiteles termékadatokból nem állapítható meg.

Dekoratív mintázatnál, amely nem ad a tartalomhoz új információt, az alt értéke legyen üres: alt="". Az alt attribútum elhagyása nem ugyanez: egyes segítő technológiák ilyenkor a fájlnevet is felolvashatják. A háttérkép sem biztonságos helye lényeges információnak, ha nincs hozzá megfelelő szöveges megfelelő.

Ha egy képen hosszú mérettáblázat szerepel, egyetlen alt mondat nem elég a teljes adatkészlet közvetítésére. A táblázat legyen valódi szöveges, megfelelően jelölt táblázatként is elérhető. A rövid képalternatíva ilyenkor arra utalhat, hogy mi az ábra, miközben a részletes adatokat a környező tartalom biztosítja.

<img src="hatizsak-elol.jpg"
  alt="Zöld hátizsák két elülső cipzáras zsebbel" />

<!-- Pusztán dekoratív kép -->
<img src="levelminta.jpg" alt="" />

Amikor a kép hivatkozás vagy gomb

Egy kizárólag képet tartalmazó hivatkozásnak szüksége van érthető hozzáférhető névre. A kosár ikon esetében a »Kosár« célmegnevezés hasznosabb, mint a »fekete bevásárlókocsi ikon«. A nagyítható termékfotónál pedig a vezérlő neve tegye érthetővé, hogy a kép nagyítása következik.

Ha ugyanazon hivatkozáson belül a terméknév is szerepel, a kép alternatívája és a szöveges név együtt alkotja a felolvasott tartalmat. Kerülje a szükségtelen duplázást, de ne tüntessen el olyan képi információt, amely a vásárláshoz fontos. A jó döntéshez a teljes kártyát kell vizsgálni, nem csak az img elemet.

Hogyan legyen fenntartható a tartalomfeltöltés?

A termékfeltöltési folyamatban legyen külön lépés az alternatív szöveg ellenőrzése. A galéria különböző fotói ne kapjanak gondolkodás nélkül azonos leírást. A rendszer engedjen tudatosan üres alt értéket a dekorációhoz, de különböztesse meg azt a még ki nem töltött adattól.

Automatikusan javasolt leírás használható kiindulópontként, de ellenőrizni kell a pontosságát. A téves szín vagy kitalált tulajdonság nemcsak akadálymentességi probléma, hanem félrevezető termékinformáció is. A végső ellenőrzéshez olvassa a képalternatívát a terméknévvel és a környező szöveggel együtt.

• Milyen új információt ad a kép?
• A leírás pontos, és nem tartalmaz kitalált terméktulajdonságot?
• Dekoráció esetén valóban üres az alt érték?
• Kattintható kép esetén érthető a cél vagy a művelet?
• Összetett ábrához van részletes szöveges megfelelő?