Gratis værktøj: Tilgængelighed

Alt-teksttjek af billeder

Indtast en sideadresse for at se hvert billede på siden med dets alt-tekst, aflæst i en rigtig browser, efter at scripts har kørt. Se, hvilke billeder der ikke har nogen, hvilke der er markeret som dekorative, og hvilke der har en alt-tekst, som ikke beskriver noget.

Gratis. Tjekker den adresse, du indtaster, på cirka 20 sekunder.

Det tjekker værktøjet

  • Billeder uden alt-tekst

    Alle img-elementer og billedknapper uden alt-attribut og uden andet tilgængeligt navn, som aria-label.

  • Billeder i links, der efterlader et link uden navn

    Logoer og ikoner i links eller knapper, der hverken har alt-tekst eller anden tekst, så en skærmlæser kun kan sige »link«.

  • Alt-tekst, der ligner et filnavn

    Værdier som IMG_2041.jpg, DSC0042 eller en lang række cifre, som mange systemer udfylder automatisk ved upload.

  • Generelle ord

    En alt-tekst, der bare er »billede«, »foto«, »logo« eller »banner«, fortæller ingen, hvad billedet viser.

  • Overflødig og gentaget tekst

    Beskrivelser, der starter med »billede af«, gentager linkteksten ved siden af eller bruges på tre eller flere forskellige billeder.

  • Dekorative og skjulte billeder

    Billeder markeret med alt="" eller role="presentation" og billeder, der er skjult med aria-hidden eller CSS, vises for sig, så du kan bekræfte, at hvert af dem virkelig er dekorativt.

  • En forhåndsvisning af hvert billede

    Et miniaturebillede ved siden af alt-teksten, så du kan vurdere hver beskrivelse på få sekunder. Filtre viser kun problemerne eller kun det, der skal tjekkes.

Det kan det ikke tjekke

  • Afgøre, om en alt-tekst er korrekt. Det kan kun et menneske, der kan se billedet og ved, hvorfor det er på siden.
  • Tjekke billeder, der er sat som CSS-baggrunde, eller tekstalternativer til SVG- og canvas-grafik. Værktøjet viser img-elementer og billedknapper.
  • Tjekke billeder i frames, for eksempel indlejrede videoer, kort og annoncer.
  • Vise mere end 150 billeder. På meget lange sider viser det de første 150 og oplyser, hvor mange der er i alt.
  • Teste andre sider. Den fulde gratis scanning tjekker alt-tekst sammen med resten af WCAG på op til fem vigtige sider.

Hvorfor det er vigtigt

Alt-tekst er det, en skærmlæser læser op i stedet for et billede, og det, en browser viser, når et billede ikke kan indlæses. WCAG 2.2-succeskriterium 1.1.1 på niveau A kræver et tekstalternativ til hvert billede, der indeholder information, og et tomt alternativ til billeder, der ikke gør.

Manglende alt-tekst er den næstmest almindelige tilgængelighedsfejl på nettet: WebAIM’s analyse fra 2026 fandt den på 53,1 % af forsiderne på de en million største websites, og 16,2 % af alle de billeder, der blev tjekket, havde ingen.

Søgemaskiner læser den også. Google oplyser, at alt-tekst bruges sammen med computer vision og sidens indhold til at forstå billeder, og at alt-teksten på et billede i et link fungerer som linkets ankertekst.

Sådan læser du resultaterne

Ingen alt-tekst
Billedet har ingen alt-attribut og intet andet navn. Afhængigt af softwaren læser en skærmlæser filnavnet op eller springer billedet over.
Dekorativt
alt="" eller role="presentation": skærmlæsere springer billedet over. Rigtigt til pynt; forkert for et billede, der indeholder information eller er det eneste indhold i et link.
Har alt-tekst
Billedet har en beskrivelse. Vi markerer dem, der ser forkerte ud; resten skal stadig tjekkes af et menneske for at se, om de er korrekte.
Navngivet med ARIA eller title
Ingen alt-attribut, men et navn fra aria-label, aria-labelledby eller title. Det består automatiske tests; alt er stadig det mest pålidelige valg.
Skjult
Vises ikke eller er skjult for hjælpemidler med aria-hidden. Intet at rette, medmindre billedet skal kunne ses.
Link uden navn
Et link eller en knap, hvis eneste indhold er et billede uden tekstalternativ. Det fejler, selv hvis billedet i sig selv er dekorativt.
Tjek
Alt-tekst, der ligner et filnavn eller et generelt ord, starter med »billede af«, gentager linkteksten, er meget lang eller bruges på flere billeder.

Sådan retter du de mest almindelige problemer

  • Produkt- og indholdsfotos

    Beskriv, hvad man ville gå glip af uden billedet, i sammenhæng med siden. For et produkt: varen, dens farve og den viste vinkel. For et foto til en artikel: det, det viser, som teksten ikke siger.

  • Logoer, der linker til forsiden

    Et billede i et link skal sige, hvor linket fører hen. Til et logo, der linker til forsiden, så brug firmanavnet, for eksempel alt="Acme forside", i stedet for »logo«.

  • Ikoner i links og knapper

    Giv ikonet en alt-tekst, der nævner handlingen, som »Søg« eller »Kurv«, eller giv linket en aria-label, og markér ikonet som dekorativt med alt="".

  • Dekorative billeder

    Brug alt="" (en tom værdi, ikke en manglende attribut) til skillelinjer, pynt i baggrunden og billeder, der gentager tekst lige ved siden af.

  • Filnavne, som din platform udfylder

    Mange platforme kopierer filnavnet ind i alt-feltet ved upload. Ret det der, hvor billedet administreres: i Shopify under produktets medier; i WordPress i feltet Alternativ tekst i mediebiblioteket.

  • Diagrammer og infografikker

    Giv en kort alt-tekst, der siger, hvad diagrammet viser, og læg dataene eller et resumé i teksten eller i en tabel ved siden af.

Billeder uden alt-tekst: sådan retter du dem i Shopify, WooCommerce og på enhver hjemmeside

Spørgsmål om værktøjet

Hvad er alt-tekst?

Et billedes alt-attribut indeholder dets tekstalternativ. Skærmlæsere læser det op, og browsere viser det, når billedet ikke kan vises.

Skal alle billeder have alt-tekst?

Alle img-elementer skal have en alt-attribut. For et billede, der indeholder information, beskriver den billedet; for et dekorativt billede skal den være tom (alt=""), så skærmlæsere springer det over.

Hvor lang skal alt-tekst være?

WCAG sætter ingen grænse. God alt-tekst er som regel en kort sætning eller et par ord. Hvis et billede kræver mere, så beskriv det i sidens tekst eller en billedtekst, og hold alt-teksten kort. Vi markerer alt-tekst på over 150 tegn, så du kan kigge på den igen.

Hjælper alt-tekst på SEO?

Google oplyser, at alt-tekst bruges sammen med computer vision og sidens indhold til at forstå billeder, og at alt-teksten på et billede i et link fungerer som ankertekst. Google advarer også om, at alt-attributter fyldt med søgeord kan blive behandlet som spam.

Er title-attributten det samme som alt?

Nej. title vises som et værktøjstip, når man holder musen over, bliver ikke pålideligt læst op af skærmlæsere og er ikke tilgængelig på touchskærme. Automatiske tests accepterer den som navn, når alt mangler, men alt er det pålidelige valg.

Kan AI skrive min alt-tekst?

AI kan lave udkast til beskrivelser, men ved ikke, hvorfor billedet er på din side. Gennemgå hvert udkast: den rigtige alt-tekst afhænger af en sammenhæng, som kun du kender.

Kilder

Relaterede værktøjer

Tilgængelighedsrapport ($174, engangsbetaling) bygger videre på den fulde gratis scanning og tilføjer flere sider, ændringen til hvert fund, en PDF og gentests, så du kan bekræfte dine rettelser.

Om Tilgængelighedsrapport