Alt tekst

Hva er alt tekst?

Alt tekst (alternativ tekst) er beskrivelsen du oppgir i alt-attributtet til en <img>-tag, for eksempel <img src="boot.jpg" alt="Brown leather boot seen from the side">. Skjermlesere leser teksten høyt for brukere med synshemming, og det fremstår som en reserve dersom bildet ikke lar seg laste. Samtidig bruker Google alt-teksten som et signal om hva bildet skildrer.

Hvorfor er alt-tekst viktig?

For en nettbutikk løser alt-tekst to ting på en gang: tilgjengelighet og SEO. Beskrivende alt-tekst gjør produktbilder forståelige for kunder som navigerer med en skjermleser, og god bildetilgjengelighet er et krav i henhold til den europeiske tilgjengelighetsloven for mange butikker. Det hjelper også Google med å forstå og indeksere bildene dine, noe som kan gi ekstra trafikk fra Google Bilder. Rent dekorative bilder bør bruke et tomt alt-attributt (alt="") slik at skjermlesere hopper over dem i stedet for å annonsere et filnavn.

Vanlige brukstilfeller

• Produktbilder: Beskriv produktet spesifikt (“rød ullgenser med rullehals”) i stedet for bare “genser” eller produktets SKU.
• Dekorative bilder: Bruk alt="" for bakgrunner og ornamenter, slik at hjelpeteknologi ignorerer dem.
• Bilder brukt som lenker eller knapper: Alt-teksten fungerer som lenketekst og skal beskrive hvor lenken fører.
• Infografikk og tekst i bilder: Gjengi den viktige teksten slik at poenget ikke går tapt for skjermlesere og Google.

Shopify-perspektiv

I Shopify redigerer du alt-tekst under hvert produkts media (klikk på bildet og velg “Rediger alt-tekst”), og temaet gjengir den vanligvis med {{ image.alt }} i Liquid. Shopify fyller ikke automatisk ut meningsfull alt-tekst; mange temaer faller tilbake til produkttittelen, som sjelden er en nøyaktig beskrivelse. Hold teksten kortfattet (ideelt under ~125 tegn), beskriv bildet naturlig, og unngå å fylle inn nøkkelord. Vurder å lagre bilder som WebP for hastighet - alt-teksten overføres uavhengig av filformat.