Hvad er forskellen på alt og title attributterne? Man ser ofte, at folk vælger kun at benytte sig af det ene, og risikere derfor at bruge det forkerte, til det det egentlige formål.

Alt attributten, alternativ tekst

Det kan siges meget kort og præcist, hvilket formål alt attributten har:

Alt attributten er til de, der eksempelvis ikke kan se billeder eller formler. I stedet for at se billedet, vil de se den alternative tekst. Søgemaskiner er ”blinde”, og behøver derfor denne alternative tekst, for at kunne ”forstå” indholdet af et billede.

Et img tag kræver eksempelvis en alternativ tekst, for at kunne validere. Dette udføres som følgende:

<img src="webstandarder.jpg" alt="alternative tekst" />

Beskriv altid meningen eller budskabet i billedet, ved hjælp af alt attributten. Undlad at springe over hvor gæret er lavest, men tænkt i stedet for over hvordan du kan skabe mening til de der ikke kan se billedet.

Hvis du ikke har mulighed for at beskrive billedets indhold, så benyt dig af en tom alt=””. Du kan på den måde undlade at skulle skrive ligegyldige alternative beskrivelser.

Som hovedregel synes jeg altid man skal forsøge at minimere længden på de alternative tekster, for hurtigere at kunne skabe forståelse for indholdet, og derved også mere være mere direkte. I følge WCAG 2.0 bør beskrivelsen være kortere end 100 tegn.

Title attributten, tooltips

Da nogle browsere viser alt attributten som et tooltip, er dette ofte blevet opfattet som dets formål, hvilket er helt forkert. Hvis man ønsker at give et billede en ekstra beskrivelse i form af et ”tooltip”, bør man benytte title attributten.

Der er ikke noget tag, der kræver denne attribut.

Hvis du bruger title attributten på et link, har du mulighed for at beskrive hvor dette link føre hen, inden brugeren vælger at klikke på linket. Eller du kan bruge det som ”en lille godbid”. Jeg anbefaler dog ikke at bruge title på alle dine links, hvis det er åbenlyst hvor de føre hen.

<a href=”/om/” title=”Lær mere om webstandarder” >link</a>

Længden på en title kan være op til 80 tegn, men jeg anbefaler du ikke overstiger 60 tegn.

Konklussion

Brug alt attributten til at give en alternativ beskrivelse, til de der eksempelvis ikke kan se billeder.

Hvis du ønsker at give en ekstra information, som et tooltip, kan du bruge title attributten til dette.

Tags: , , ,