Beskriv viktiga bilder för kunder som inte kan se dem och kontrollera vilken alternativtext som faktiskt visas.
Guiden gäller administratörer som arbetar med bilder i Go, Plus och Pro. Produktgalleriets altfält är språkberoende. Gruppbilder, innehållsblock och bildspel har andra fält och kan bete sig olika mellan teman och komponentversioner; en synlig bildtext är inte automatiskt bildens alt-attribut.
1. Lägg alt-text på rätt produktbild
Öppna Sortiment → Produkter och redigera produkten.
Hitta den aktuella bilden och öppna bildinformationen med pilikonen.
Fyll i en kort, relevant alt-text för bildens innehåll/funktion.
Fyll i motsvarande text för varje språk du använder och spara.
Exempel: ”Blå regnjacka framifrån med huva” är mer användbart än ”bild1” eller en lista med sökord. Beskriv det som är relevant i bildens sammanhang. För en länkad funktionsbild behöver även länkens syfte bli begripligt.
2. Förstå produktbildens reservtext
Om produktbildens altfält är tomt kan produktnamnet visas som reservtext, med ett numrerat tillägg för ytterligare bilder. Ett tomt fält garanterar därför inte alt="" för en dekorativ bild. Kontrollera rätt språkversion och både huvudbild och miniatyr i butikens aktiva tema.
Filnamn, synlig bildtext, titel och alt-text är olika uppgifter. Ett eget filnamn ersätter inte alt-text. Använd stabila filnamn som uppladdaren accepterar; ändra inte en redan använd publik filadress bara för att förbättra en beskrivning.
3. Välj rätt väg för andra bilder
Bildtyp | Vad du ska göra |
Produktgalleri | Använd bildinformationen per språk och kontrollera reservvärdet. |
Grupp-/innehållsbild | Kontrollera den aktuella redigerarens bildinställningar och att beskrivningen blir img-alt, inte bara bildtext. |
Bild i eget HTML-block | Ange avsedd alt direkt på img-elementet och kontrollera resultatet. |
Skyltfönsterblock | Textfältets koppling till alternativtext beror på komponenten. Läs inte automatiskt all synlig text som alt. |
Äldre bildspel | Kontrollera bildspelets egna bildinställningar. Alla äldre varianter erbjuder inte ett fält för egen alternativtext; ett produktbildsfält ändrar inte automatiskt bildspelets bilder. |
För en rent dekorativ bild är tom alt ett vanligt avsiktligt val när komponenten faktiskt stöder det. Radera inte produktnamnet för att försöka tvinga fram en tom reservtext.
4. Kontrollera den publika bilden
Öppna rätt språk, underbutik och aktivt tema.
Kontrollera bildens verkliga alt-attribut i webbläsarens bild-/tillgänglighetsinformation, inte bara formulärets textfält.
Kontrollera både huvudbild och miniatyr samt bilder som återanvänds i andra block.
Om en viktig bild inte kan få en användbar beskrivning i den aktuella komponenten, använd en komponent som stöder detta. Lägg inte texten i ett orelaterat produktfält.
Snabbstart
Identifiera bildtyp och aktuellt språk.
Skriv relevant alternativtext i rätt fält.
Spara och kontrollera faktisk img-alt, inklusive reservvärde.
Kontrollera andra komponenter separat.
Abonnemang och tillgång
Produktbildshantering gäller Go, Plus och Pro. Språk måste vara rätt aktiverat och innehållet sparat. Alt-stöd i skyltfönster och bildspel beror på aktiv komponent/temaversion, inte enbart på paketnamnet.
