Titt og ofte får vi som jobber med innhold, markedsføring og universell utforming, spørsmål om dette med «alt-tekster».

Alt-tekster står for alternative tekster og meningen er at de skal  gir et tekstlig alternativ til ikke-tekstlig innhold på nettsider.

Det er mange regler og krav å forholde seg til innen universell utforming, altså det å gjøre en digital løsning tilgjengelig for alle uavhengig funksjonsnivå og situasjon, og en viktig del av dette handler om disse alternative bildetekstene.

Først vil vi bare begynne med å si at faget universell utforming er komplekst, og at det trenger både teknisk kunnskap og en god dose menneskelighet og erfaring.

For det første er det ikke bare «trykke på en knapp» for å klare oppfylle de 35 av 61 suksesskriteriene i WCAG-standarden som nå er lovpålagt. For det andre handler det om å kunne se merverdien av å tenke mer tverrfaglig på enkelte av reglene.

Vi skal forklare mer om det senere, men først en liten oversikt.

Hvorfor er alt-tekster viktige?

Et bilde sier mer enn tusen ord sies det, og ordtaket gjelder også på nett.

En riktig bruk av bilder og visuelle virkemidler kan gjøre innholdet på en nettside bedre gjennom å blant annet:

• Fortelle en historie.
• Formidle et budskap.
• Gjøre teksten mer tilgjengelig ved å bryte den opp.
• Vekke følelser.

Bilder og grafikk formidler komplekse ting på en umiddelbar og effektiv måte som er vanskelig å klare kun ved hjelp av tekst.

Bilder kan også supplere og utdype et budskap, og være til hjelp for brukere som kan ha utfordringer med å lese.

Men, ikke alle kan se bildene du har på nettsiden din. Derfor må du alltid ha en tekst som beskriver bildets innhold eller funksjon. En skjermleser, som er et hjelpemiddel en blind eller svaksynt bruker for å få tilgang til nettsiden din, vil da finne tekstalternativet og lese den opp for brukeren.

Søkemotorer som Google kan heller ikke se bildene dine, og de bruker alt-teksten for å kunne vurdere hva et bilde er, og hvordan de forholdet seg til et søk.

Derfor har alt-tekster også et viktig SEO-perspektiv. Du må kunne gjøre bildene tilgjengelig for søkemotorene.

Lar du alt-tekstfeltet stå tomt, kan du risikere at skjermleseren heller leser opp bildets filplassering og filnavn i stedet, og «IMG1234» og det gir jo overhodet ingen mening, verken for mennesker eller søkemotorer.

Hva er en god alt-tekst?

En god alt-tekst skal gi mening, være spesifikk, relevant og formidle budskapet du vil kommunisere.

Hva er en dårlig alt-tekst?

En dårlig alt-tekst er overflødig, ufullstendig (eller mangelfull om du vil), uhjelpsom, overfladisk, irrelevant og uinteressant. Sagt på en annen måte: irriterende.

Slike bildetekster kan rett og slett forvirre og fremmedgjøre folk som er avhengig av hjelpemidler, og det vil vi jo ikke ha noe av.

11 enkle huskeregler for alt-tekster

1. Ikke alle bilder trenger alt-tekster

Er bildene du bruker kun til pynt og ikke gir en ekstra mening til innholdet, så trenger du ikke alt-tekster. Det blir bare overflødig.

Et eksempel på dette er stockbilder.

Bilder som bare er til pynt, skal ha en tomt alt-attribut (alt=""). Enda bedre er det om disse bildene er lagt inn ved hjelp av CSS. (Cascading Style Sheets er et språk som brukes til å definere utseende på filer skrevet i HTML eller XML.)

2. En god alt-tekst er meningsbærende i seg selv

Indirekte betyr dette at du har en godt gjennomtenkt hensikt bak det å bruke et spesifikt bilde. Bildet har et budskap, en tanke bak bruken, som teksten alene ikke klarer å formidle. Den tilføyer innholdet noe ekstra.

Husk å inkludere viktig informasjon.

Brukes bildet som en lenke skal den ha en alternativ tekst som er fullt beskrivende for lenkens mål, uavhengig av bildets motiv. Det holder for eksempel ikke å skrive "Facebook" hvis målet er den spesifikke virksomhetens side på Facebook. I slike tilfeller skal du beskrive lenkens mål og ikke bildets motiv.

3. Alt-teksten må være beskrivende nok

Her kommer en liten øvelse. Finn et bilde, lukk øynene og beskriv bildet med dine egne ord til en fiktiv person. Si det gjerne høyt. Utelat unødvendige fyllord. Vær spesifikk og hold det kort.

Hva er egentlig relevant for at du skal få formidlet budskapet i bildet godt nok?

Hvilken informasjon vil brukeren gå glipp av om bildebeskrivelsen ikke lå der?

Spiller det for eksempel en rolle hvilken årstid det er på det følgende bildet, hvilken farge det er på jakkene, eller hvor bildet er tatt?

Vi som jobber med innhold, må hele tiden vurdere om denne informasjonen er avgjørende og relevant for sluttbrukeren.

4. Alt-teksten bør ha maks 125-150 tegn

Dette er en huskeregel som kan være litt vanskelig å forholde seg til, spesielt for de av oss som er glade i å male med ordene vi bruker.

Men for å holde beskrivelsen så tydelig, brukervennlig og kortfattet som mulig, er du nødt til å begrense deg. Skipp de unødvendige detaljene, fatt deg i korthet og vær spesifikk.

Still deg rett og slett spørsmålet: kan jeg skrive dette med færre ord?

Det å skrive gode alt-tekster handler om å finne en balanse mellom essensiell informasjon og lengde.

Men, prøv for all del å la setningen flyte litt. «Bil. Gjørme» formidler kanskje noe av det du vil si, men «en Jeep Wrangler som karer seg gjennom dyp gjørme i ulendt terreng» får kanskje bildets budskap bedre gjennom?

Alt-tekstene er altså ikke stedet hvor du driver med reklame eller påfyll av nøkkelord, men skal du selge en t-skjorte i nettbutikken din, holder det ikke med en alt-tekst som kun beskriver varen.

I bildeeksemplet vi har laget for en fiktiv nettside kunne alt-teksten vært: «Pineapple Berry - SMALL BOYS - Topper kortermet – italian night».

Teksten nevner varemerke, målgruppe (?), form og farge (som kanskje ikke sier seg selv), men utelater det viktigste: at genseren har et bilde av en hamster som løfter en kettlebell på seg.

Og akkurat det siste er jo viktig om kunden vil kjøpe genseren eller ei. Ikke alle vil føle seg komfortable med å gå rundt i en t-skjorte med en vektløftende hamster på seg. Det er informasjon du ikke må glemme i en alt-tekst.

11. Unngå at alt-teksten beskriver for mye

Dette blir kanskje "smør på flesk" og du føler kanskje at vi gjentar oss selv, men nyansene mellom «beskrivende nok», «maks lengde», «for lite» og «for mye», er viktig å presisere. 

Vi har allerede bedt deg utelate unødvendige fyllord og tenke på balanse, flyt og budskap, og her understreker vi bare hvor viktig det er å begrense seg. Hold deg til poenget. Gjør det enkelt.

Start med det viktigste og kutt der du kan. 

Det emosjonelle aspektet

De 11 huskereglene i denne artikkelen er ment å gi deg noen gode retningslinjer rundt dette med alt-tekster. Men mange av dem blir gjerne litt tekniske og rasjonelle / fornuftige.

For hva med de levende, følelsesmessig rike bildene som fanger vår fantasi?

Vi må ikke glemme disse tusen ordene et bilde kan si. «Et vennlig blikk» er ikke det samme som «et forelsket blikk». Begge kan smile, men øynene sier noe mer.

Det er her denne artikkelen havner i en mer subjektiv og tverrfaglig tilnærming. Vi sier subjektiv fordi vi mennesker oppfatter ting ulikt. Hva som er viktig for én person, kan være overflødig for en annen. Noen kan virkelig finne det inspirerende å høre et bilde bli beskrevet med maleriske ord, andre kan syntes det bare er tullball.

Driver du i tillegg med markedsføring eller merkevarebygging, kan alt-tekstene representere enda et nytt sted hvor du kan gi nettsiden og varemerket din en atmosfære, en tone of voice, en identitet og personlighet.

Finnes det et kompromiss eller én sannhet? Vi vet sannelig ikke, og her må intuisjonen din som innholdsprodusent finne sin stemme.

Og du. Vi gjør alle feil og ingen er perfekte. Alt kan bli bedre, alltid.

Hva er universell utforming?

I denne artikkelen vil vi ta for oss hvordan du med enkle grep og riktige verktøy kan universelt utforme nettsiden din.

Små selskaper kan også utgjøre en forskjell

Arbeidet med bærekraft er like relevant for de mindre aktørene.

En tverrfaglig suksesshistorie

"Det beste med samarbeidet har vært den forståelsen dere har for hvem vi er, hvilke utfordringer vi skal løse, og at dere satser på flere kompetanseområder som utfyller hverandre veldig bra".

- Cecilie Hogstad, info- og markedssjef Samfunnsviterne.