Alt-tekst

Hvad er alt-tekst?

Alt-tekst (alternativ tekst) er den beskrivelse, du angiver i alt-attributten på et <img>-tag, fx <img src="stoevle.jpg" alt="Brun læderstøvle set fra siden">. Skærmlæsere læser teksten højt for brugere med synsnedsættelse, og den vises som fallback, hvis billedet ikke kan indlæses. Samtidig bruger Google alt-teksten som et signal om, hvad billedet forestiller.

Hvorfor er alt-tekst vigtig?

For en webshop løser alt-tekst to ting på én gang: tilgængelighed og SEO. Beskrivende alt-tekst gør produktbilleder forståelige for kunder, der navigerer med skærmlæser, og god billedtilgængelighed er et krav i det europæiske tilgængelighedsdirektiv for mange butikker. Samtidig hjælper alt-teksten Google med at forstå og indeksere billederne, hvilket kan give ekstra trafik fra Google Billeder. Rent dekorative billeder bør have en tom alt-attribut (alt=""), så skærmlæsere springer dem over i stedet for at læse et filnavn op.

Typiske brugssituationer

• Produktbilleder: Beskriv produktet konkret (“rød uldtrøje med rullekrave”) frem for blot “trøje” eller produktets SKU.
• Dekorative billeder: Brug alt="" til baggrunde og pynt, så hjælpeteknologi ignorerer dem.
• Billeder som links eller knapper: Alt-teksten fungerer som linktekst og bør beskrive, hvor linket fører hen.
• Infografik og tekst i billeder: Gengiv den vigtige tekst, så pointen ikke går tabt for skærmlæsere og Google.

Shopify-perspektiv

I Shopify redigerer du alt-tekst under hvert produkts medier (klik på billedet, og vælg “Rediger alt-tekst”), og temaet gengiver den typisk med {{ image.alt }} i Liquid. Shopify udfylder ikke automatisk en meningsfuld alt-tekst; mange temaer falder tilbage på produkttitlen, hvilket sjældent er en præcis beskrivelse. Hold teksten kort (gerne under ~125 tegn), beskriv billedet naturligt, og undgå at proppe søgeord ind. Overvej at gemme billeder som WebP for hastighed – alt-teksten følger med uanset filformat.