Alt-tekst er en av de minste tingene du kan gjøre på en nettside, og en av dem som gir mest igjen. Den tar to minutter per bilde, gjør siden tilgjengelig for folk som bruker skjermleser, og hjelper Google å forstå hva bildene dine viser. Likevel står feltet tomt på de fleste nettsider. Her er hvordan du skriver god alt-tekst – og hvorfor det er verdt bryet.
Hva alt-tekst er, og hvem den er til for
Alt-tekst er en kort tekstbeskrivelse som ligger i alt-attributtet på et bilde. Den vises ikke for folk som ser bildet normalt – men den gjør to viktige ting. For det første leser skjermlesere den opp for blinde og svaksynte, slik at de får med seg hva bildet viser. For det andre vises den hvis bildet av en eller annen grunn ikke laster.
Den primære målgruppen er altså mennesker som ikke kan se bildet. Det er lett å glemme når man selv ser skjermen tydelig, men for en betydelig gruppe brukere er alt-teksten den eneste måten å oppleve bildet på. God alt-tekst er derfor først og fremst et spørsmål om å inkludere folk – SEO-gevinsten er en hyggelig bonus på toppen.
WCAG: hva reglene faktisk krever
Alt-tekst er ikke bare god skikk – det er et krav. WCAG (retningslinjene for tilgjengelig nettinnhold) ligger til grunn for norsk regelverk om universell utforming, og «tekstalternativ for ikke-tekstlig innhold» er et av de mest grunnleggende kravene. I praksis betyr det at hvert meningsbærende bilde skal ha en tekst som formidler det samme bildet gjør.
Det viktige nyanset her er at WCAG ikke krever at alle bilder skal beskrives – det krever at bildet skal ha et tilsvarende tekstalternativ. For et informativt bilde betyr det en beskrivende setning. For et rent dekorativt bilde betyr det faktisk en tom alt-tekst, slik at hjelpemidler vet at det trygt kan hoppes over. Begge deler er riktig WCAG; det handler om å gi brukeren akkurat den informasjonen bildet faktisk bærer.
Dekorativ eller informativ? Det avgjør alt
Den viktigste avgjørelsen før du skriver alt-tekst er enkel: bærer bildet informasjon, eller er det bare pynt? Et informativt bilde formidler noe leseren trenger – et produktbilde, et diagram, et skjermbilde som viser et steg i en guide, et bilde som illustrerer en pointe i teksten. Disse skal beskrives.
Et dekorativt bilde er der av estetiske grunner og legger ikke til informasjon – en bakgrunnstekstur, en abstrakt illustrasjon ved siden av en overskrift, et skillebilde mellom seksjoner. Disse skal ha tom alt-tekst (alt=""), ikke en beskrivelse, slik at en skjermleser glir forbi i stedet for å lese opp «dekorativt mønster i blått» midt i en setning. Å beskrive dekorative bilder gjør faktisk opplevelsen verre for dem som bruker hjelpemidler – mer støy, mindre innhold.
En grei test: hvis du fjernet bildet, ville leseren gå glipp av noe? Ja → informativt, beskriv det. Nei → dekorativt, tom alt-tekst.
Slik skriver du alt-tekst som faktisk er god
God alt-tekst er kort, konkret og relevant for sammenhengen. Beskriv det som betyr noe der bildet står – ikke hver detalj. Et bilde av en person som signerer et dokument kan beskrives som «person signerer en kontrakt» hvis poenget er avtalen, eller mer detaljert hvis noe spesifikt i bildet er relevant. La konteksten styre.
Har du mange bilder, blir det fort en jobb å skrive alt-tekst for hvert enkelt. Da kan du bruke bilde-alt-tekst til å generere et forslag automatisk – last opp bildet, og få en beskrivende setning tilbake på sekunder. Du leser raskt over og justerer hvis sammenhengen krever noe annet enn det generelle. Det gjør jobben overkommelig selv på en nettside med hundrevis av bilder, og bildet lagres aldri – alt behandles i minnet og i EU.
Unngå å starte med «bilde av» eller «illustrasjon som viser» – skjermlesere kunngjør allerede at det er et bilde, så det blir dobbelt opp. Og fyll aldri alt-teksten med søkeord; det hjelper verken brukere eller SEO i dag.
Bonusen: SEO og bildesøk
Når du først har skrevet god alt-tekst for menneskene, får du SEO-gevinsten gratis. Google bruker alt-tekst til å forstå hva et bilde viser, noe som hjelper deg å dukke opp i bildesøk og gir søkemotoren mer kontekst om hele siden. Det samme prinsippet gjelder for resten av sidens metadata: en god tittel og metabeskrivelse forteller Google hva siden handler om. Skal du rydde opp i det også, kan SEO-meta generere tittel og beskrivelse ut fra innholdet ditt.
Nøkkelen er rekkefølgen: skriv for mennesker først, og la søkemotoren nyte godt av at teksten faktisk er beskrivende og ekte. Alt-tekst skrevet for å lure Google er lett å gjennomskue – alt-tekst skrevet for å hjelpe en blind leser er nøyaktig det Google også vil ha.
Kort oppsummert
Alt-tekst koster deg to minutter og gir tilbake både tilgjengelighet og SEO. Avgjør først om bildet er informativt eller dekorativt – informativt beskrives, dekorativt får tom alt-tekst. Skriv kort og konkret, dropp «bilde av», og ikke propp inn søkeord. Bruk bilde-alt-tekst til å generere forslag når du har mange bilder, og rydd opp i resten av metadataene med SEO-meta. Gjør du dette, er siden din både mer inkluderende og lettere å finne – og det er en sjelden vinn-vinn.