Gratis verktøy: Universell utforming

Sjekk alt-teksten på bildene

Skriv inn en sideadresse for å se hvert bilde på siden med alt-teksten, lest i en ekte nettleser etter at skriptene har kjørt. Se hvilke bilder som ikke har noen, hvilke som er merket som dekorative, og hvilke som har en alt-tekst som ikke beskriver noe.

Gratis. Sjekker adressen du skriver inn, på omtrent 20 sekunder.

Hva verktøyet sjekker

  • Bilder uten alt-tekst

    Hvert img-element og hver bildeknapp uten alt-attributt og uten noe annet tilgjengelig navn, for eksempel aria-label.

  • Lenkede bilder som gjør at en lenke mangler navn

    Logoer og ikoner inne i lenker eller knapper som verken har alt-tekst eller annen tekst, slik at en skjermleser bare kan lese opp «lenke».

  • Alt-tekst som ser ut som et filnavn

    Verdier som IMG_2041.jpg, DSC0042 eller en lang rekke sifre, som mange systemer fyller inn automatisk ved opplasting.

  • Generelle ord

    Alt-tekst som bare er «bilde», «foto», «logo» eller «banner», forteller ingen hva bildet viser.

  • Overflødig og gjentatt tekst

    Beskrivelser som starter med «bilde av», gjentar lenketeksten ved siden av, eller brukes på tre eller flere forskjellige bilder.

  • Dekorative og skjulte bilder

    Bilder merket med alt="" eller role="presentation", og bilder som er skjult med aria-hidden eller CSS, vises for seg, så du kan bekrefte at hvert av dem virkelig er dekorativt.

  • En forhåndsvisning av hvert bilde

    Et miniatyrbilde ved siden av alt-teksten, så du kan vurdere hver beskrivelse på sekunder. Filtre viser bare problemene eller bare det som bør sjekkes.

Hva det ikke kan sjekke

  • Avgjøre om alt-teksten er riktig. Bare et menneske som kan se bildet og vet hvorfor det er på siden, kan vurdere det.
  • Sjekke bilder som er lagt inn som CSS-bakgrunner, eller tekstalternativer for SVG- og canvas-grafikk. Den viser img-elementer og bildeknapper.
  • Sjekke bilder inne i rammer, for eksempel innebygde videoer, kart og annonser.
  • Vise mer enn 150 bilder. På svært lange sider viser den de første 150 og sier hvor mange det er.
  • Teste andre sider. Den fullstendige gratis skanningen sjekker alt-tekst sammen med resten av WCAG på opptil fem viktige sider.

Hvorfor det er viktig

Alt-tekst er det en skjermleser leser opp i stedet for et bilde, og det en nettleser viser når et bilde ikke lastes inn. Suksesskriterium 1.1.1 i WCAG 2.2, på nivå A, krever et tekstalternativ for hvert bilde som formidler informasjon, og et tomt alternativ for bilder som ikke gjør det.

Manglende alt-tekst er den nest vanligste feilen innen universell utforming på nettet: WebAIMs analyse fra 2026 fant den på 53,1 % av forsidene til de én million største nettstedene, og 16,2 % av alle bildene som ble sjekket, manglet alt-tekst.

Søkemotorer leser den også. Google sier at de bruker alt-tekst sammen med datasyn og innholdet på siden for å forstå bilder, og at alt-teksten til et lenket bilde fungerer som lenkens ankertekst.

Slik leser du resultatene

Ingen alt-tekst
Bildet har ikke noe alt-attributt og ikke noe annet navn. Avhengig av programvaren kan en skjermleser lese opp filnavnet eller hoppe over bildet.
Dekorativt
alt="" eller role="presentation": skjermlesere hopper over bildet. Riktig for dekorasjon; feil for et bilde som formidler informasjon eller er det eneste innholdet i en lenke.
Har alt-tekst
Bildet har en beskrivelse. Vi markerer dem som ser feil ut; resten må fortsatt sjekkes av et menneske for å bekrefte at de er riktige.
Navngitt med ARIA eller title
Ikke noe alt-attributt, men et navn fra aria-label, aria-labelledby eller title. Dette består automatiske tester; alt er likevel det mer pålitelige valget.
Skjult
Vises ikke, eller er skjult for hjelpemiddelteknologi med aria-hidden. Ingenting å rette med mindre bildet skal være synlig.
Lenke uten navn
En lenke eller knapp der det eneste innholdet er et bilde uten tekstalternativ. Dette feiler selv om selve bildet er dekorativt.
Sjekk
Alt-tekst som ser ut som et filnavn eller et generelt ord, starter med «bilde av», gjentar lenketeksten, er svært lang eller brukes på flere bilder.

Slik fikser du de vanligste problemene

  • Produkt- og innholdsbilder

    Beskriv det noen ville gått glipp av uten bildet, i sammenhengen på siden. For et produkt: varen, fargen og vinkelen som vises. For et artikkelbilde: det bildet viser som teksten ikke sier.

  • Logoer som lenker til forsiden

    Et lenket bilde bør si hvor lenken går. For en logo som lenker til forsiden bruker du firmanavnet, for eksempel alt="Acme forside", i stedet for «logo».

  • Ikoner inne i lenker og knapper

    Gi ikonet en alt-tekst som angir handlingen, for eksempel «Søk» eller «Handlekurv», eller gi lenken en aria-label og merk ikonet som dekorativt med alt="".

  • Dekorative bilder

    Bruk alt="" (en tom verdi, ikke et manglende attributt) for skillelinjer, bakgrunnspynt og bilder som gjentar tekst rett ved siden av.

  • Filnavn som plattformen fyller inn

    Mange plattformer kopierer filnavnet inn i alt-feltet ved opplasting. Rediger det der bildet administreres: i Shopify i produktets medier; i WordPress i feltet Alternativ tekst i Mediebiblioteket.

  • Diagrammer og infografikk

    Gi en kort alt-tekst som sier hva diagrammet viser, og legg dataene eller et sammendrag i teksten eller i en tabell ved siden av.

Bilder uten alt-tekst: slik retter du dem i Shopify, WooCommerce og på alle nettsteder

Spørsmål om verktøyet

Hva er alt-tekst?

Alt-attributtet til et bilde inneholder tekstalternativet. Skjermlesere leser det opp, og nettlesere viser det når bildet ikke kan vises.

Bør alle bilder ha alt-tekst?

Alle img-elementer bør ha et alt-attributt. For et bilde som formidler informasjon, beskriver det bildet; for et dekorativt bilde bør det være tomt (alt=""), slik at skjermlesere hopper over det.

Hvor lang bør alt-tekst være?

WCAG setter ingen grense. God alt-tekst er som regel en kort frase eller setning. Hvis et bilde trenger mer, beskriver du det i teksten på siden eller i en bildetekst og holder alt-teksten kort. Vi markerer alt-tekst på over 150 tegn for en ekstra gjennomgang.

Hjelper alt-tekst på SEO?

Google sier at de bruker alt-tekst sammen med datasyn og innholdet på siden for å forstå bilder, og at alt-teksten til et lenket bilde fungerer som ankertekst. Google advarer også om at alt-attributter fylt med søkeord kan bli behandlet som spam.

Er title-attributtet det samme som alt?

Nei. title vises som et verktøytips når du holder pekeren over, og blir verken lest opp pålitelig av skjermlesere eller er tilgjengelig på berøringsskjermer. Automatiske tester godtar det som navn når alt mangler, men alt er det pålitelige valget.

Kan KI skrive alt-teksten min?

Den kan lage utkast til beskrivelser, men den vet ikke hvorfor bildet er på siden din. Gå gjennom hvert utkast: riktig alt-tekst avhenger av en sammenheng som bare du kjenner.

Kilder

Relaterte verktøy

«Rapport om universell utforming» ($174, engangspris) bygger på hele den gratis skanningen og legger til flere sider, endringen du skal gjøre for hvert funn, en PDF og kontrolltester som bekrefter utbedringene dine.

Les mer om «Rapport om universell utforming»