Alt tekst (alt attribut)

Alt-tekst, kort for alternativ tekst, er en tekstbeskrivelse der knyttes til et billede via HTML-kodens alt-attribut, og som gengiver billedets indhold for skærmlæsere, søgemaskiner og browsere der af den ene eller anden grund ikke kan vise selve billedet. Beskrivelsen er normalt usynlig for seende brugere og ligger kun i kildekoden bag billedet. Alt-tekst bruges derfor både til at gøre en hjemmeside tilgængelig for blinde og svagtseende og til at give søgemaskiner et sprogligt holdepunkt til at forstå, hvad et billede forestiller.

Man kan sammenligne det med at beskrive et billede i telefonen for en person, der ikke selv kan se det – for eksempel “blå løbesko med hvid sål, set fra siden”. Præcis den samme korte og konkrete beskrivelse er i praksis det, alt-teksten skal levere i koden bag et billede på en webside, og den kommer i spil, hver gang en skærmlæser støder på billedet, eller hvis billedfilen af en eller anden grund ikke indlæses.

Sådan ser alt-tekst ud i HTML

Alt-tekst tilføjes inde i billedets img-tag med attributten alt. Et typisk eksempel kan se sådan ud: <img src=”loebesko.jpg” alt=”Blå løbesko med hvid sål set fra siden”>. Teksten mellem anførselstegnene er det, en skærmlæser læser højt, og det er også den tekst, der vises i stedet for billedet, hvis filen ikke kan hentes.

Hvorfor bruges alt-tekst?

Alt-tekst har flere formål på samme tid. For brugere af skærmlæsere er den ofte den eneste måde at få adgang til et billedes indhold på, og i mange lande er det desuden et lovkrav at gøre webindhold tilgængeligt for personer med handicap. For søgemaskiner fungerer alt-teksten som en beskrivelse, de kan læse og bruge til at forstå emnet på et billede, hvilket kan have betydning for, om billedet dukker op i billedsøgning, og for søgemaskinens overordnede forståelse af siden. Alt-teksten fungerer desuden som en praktisk reserveløsning, når billedet ikke kan vises på grund af en langsom forbindelse eller et ødelagt link.

Når billedet selv er et link

En pointe, der ofte overses, er hvad der sker, når et billede bruges som link – for eksempel et bannerbillede, der fører videre til en kampagneside, eller et logo, der linker til forsiden. Ved et almindeligt tekstlink kan søgemaskinen læse den klikbare tekst og bruge den som et signal om, hvad målsiden handler om – et princip der minder om det, man kender fra en backlink, hvor ankerteksten fortæller noget om destinationen. Et billedlink har ingen synlig tekst at læse, så her overtager alt-teksten rollen som ankertekst. Mangler alt-teksten på et billedlink, står søgemaskinen tilbage med et link uden nogen forklaring på, hvad det fører til.

Sådan skriver du en god alt-tekst

Der findes ingen facitliste, men nogle principper går igen i de fleste anbefalinger:

• Beskriv, hvad billedet konkret viser, uden at gætte på fortolkninger eller stemninger, der ikke fremgår tydeligt.
• Hold beskrivelsen kort og præcis – en enkelt klar sætning er som regel nok.
• Undgå at proppe flere søgeord ind efter hinanden. Naturlig, beskrivende tekst fungerer bedre end en liste af gentagne ord.
• Spring formuleringer som “billede af” over – en skærmlæser ved allerede, at der er tale om et billede.
• Lad rent dekorative billeder, der ikke tilføjer indhold, få en tom alt-tekst (alt=””), så en skærmlæser springer dem over.

Alt-tekst og søgemaskinernes forståelse af siden

Søgemaskiner kan ikke “se” et billede på samme måde som et menneske og er derfor afhængige af tekstlige signaler for at koble billedet til resten af sidens indhold. Alt-teksten indgår som en del af det, en søgemaskine ser på, når siden gennemgås og gemmes i forbindelse med indeksering, og en præcis beskrivelse kan bidrage til, at billedet vurderes som relevant for det emne, siden i øvrigt handler om. Det gælder også i takt med at visuel og multimodal søgning vinder frem, hvor systemerne stadig i vid udstrækning læner sig op ad alt-tekst og omkringliggende tekst for at forstå et billedes betydning i konteksten.