Se for deg at du beskriver et bilde til noen over telefon, uten at de kan se det selv, uten å kunne peke, bare med ord. Du må velge nøyaktig hvilke detaljer som faktisk betyr noe, og formidle dem presist nok til at personen på den andre siden forstår hva bildet faktisk viser og hvorfor det er der.
Hva alt-tekst faktisk gjør
Det er nøyaktig det alt-tekst gjør for en skjermleserbruker. Alt-tekst er en kort tekstbeskrivelse knyttet til et bilde i koden, usynlig for seende brukere, men lest høyt av skjermlesere. Mangler den, hører brukeren bare «bilde» eller filnavnet, noe som ofte er like informativt som «IMG_4021.jpg», altså ingenting.
Tenk deg å bla gjennom en artikkel der annenhver setning plutselig erstattes med et tilfeldig nummer i stedet for faktisk innhold. Det er omtrent den opplevelsen en skjermleserbruker får når bilder mangler alt-tekst, en serie meningsløse hull midt i teksten, der informasjon tydeligvis skulle vært, men aldri ble levert.
Beskriv formål, ikke bare innhold
God alt-tekst beskriver det bildet faktisk formidler i den sammenhengen det står, ikke bare hva som bokstavelig talt er avbildet. Et bilde av en gråtende baby på en artikkel om søvnmangel bør kanskje beskrives som «utslitt baby som gråter midt på natten», ikke bare «baby», siden det er følelsen og konteksten som gir bildet mening i akkurat den artikkelen.
Det samme bildet kunne trengt en helt annen beskrivelse i en annen sammenheng. Brukt i en artikkel om spedbarns utviklingsstadier kunne kanskje «seks måneder gammel baby med typisk ansiktsuttrykk under gråt» vært mer presist. Poenget er at riktig alt-tekst aldri kan bestemmes av bildet alene, den må alltid vurderes opp mot hvorfor akkurat dette bildet ble valgt til akkurat dette stedet i teksten.
En tommelfingerregel som fungerer godt
En nyttig øvelse er å tenke deg selv beskrive bildet muntlig til noen i telefonen som skal skrive en rask notis om hva de nettopp hørte. Ville du sagt «et bilde», eller ville du naturlig gitt dem noe mer å jobbe med, som hva som skjer i bildet og hvorfor det er relevant akkurat her? Denne enkle øvelsen avslører raskt om en planlagt alt-tekst faktisk gir noen verdi, eller bare er en teknisk formalitet fylt ut for syns skyld.
Lengden bør også tilpasses etter behov. Et enkelt produktbilde i en nettbutikk trenger sjelden mer enn en kort, presis beskrivelse av produktet og fargen. Et komplekst diagram fullt av data trenger derimot ofte en langt grundigere beskrivelse, siden hele poenget med diagrammet kanskje er nøyaktig den informasjonen som ellers ville gått tapt for en skjermleserbruker.
Når bilder er rent dekorative
Ikke alle bilder trenger en fyldig beskrivelse. Rent dekorative elementer, som en bakgrunnsstrek eller et abstrakt mønster uten informasjonsverdi, bør faktisk merkes som tomme, slik at skjermlesere hopper rett over dem i stedet for å lese opp unødvendig støy som forstyrrer flyten i teksten.
Dette er faktisk et av de mer misforståtte punktene rundt alt-tekst. Mange tror at all alt-tekst alltid bør være så detaljert som mulig, men et rent dekorativt element som ikke tilfører noen informasjon, bør heller merkes tomt enn fylt med en unødvendig beskrivelse. Å lese opp «dekorativt bølgemønster i lys blåfarge» midt i en artikkel gir null verdi for lytteren, og bryter bare flyten unødvendig. God alt-tekst handler derfor like mye om å vite når man skal si noe, som om å vite hva man skal si.
En bonus for søk også
God alt-tekst hjelper også søkemotorer med å forstå hva et bilde faktisk viser, siden Google ikke «ser» bilder på samme måte som et menneske. Dette kan gjøre at bildene dine dukker opp i Google-bildesøk for relevante søkeord, en helt gratis bieffekt av å gjøre innholdet tilgjengelig.
For mange nettbutikker og bloggere er denne bieffekten faktisk en betydelig kilde til trafikk de ellers aldri ville fått. Et produktbilde med presis, beskrivende alt-tekst kan dukke opp når noen søker etter nøyaktig det produktet i Google-bildesøk, selv om personen aldri har hørt om nettsiden fra før. Tilgjengelighet og synlighet i søk henger her tettere sammen enn de fleste tror.
Vanlige feil verdt å unngå
Noen fyller alt-teksten med søkeord i håp om bedre synlighet i Google, som «beste billige sko norge kjøp sko nettbutikk», i stedet for en faktisk beskrivelse av bildet. Dette gir en dårlig opplevelse for skjermleserbrukere, som får lest opp meningsløs reklametekst i stedet for informasjon om hva bildet faktisk viser, og moderne søkemotorer straffer dessuten ofte denne typen misbruk i stedet for å belønne den.
Andre skriver «bilde av» eller «foto av» innledningsvis i alt-teksten, noe som er unødvendig, siden skjermleseren allerede har annonsert at det kommer et bilde, før den leser selve beskrivelsen. Å legge til «bilde av» foran hver eneste beskrivelse blir da en unødvendig gjentakelse som bare gjør lytteopplevelsen tyngre enn den trenger å være.
Hvorfor er dette nyttig å vite
Neste gang du legger ut et bilde på egen nettside, tenk over om beskrivelsen ville gitt mening lest høyt for noen som ikke kan se det. Det tar bare noen sekunder ekstra, men kan være forskjellen på om innholdet ditt faktisk når fram til alle leserne dine.
Det er en liten vane som koster nesten ingenting i tid, men som gjør en reell forskjell for en gruppe brukere som ellers lett blir usynlige i statistikken din, rett og slett fordi de aldri klarte å bruke innholdet ditt fullt ut i utgangspunktet.