billedALTtekster

BilledALTtekster er tekstlige beskrivelser af billeder, som bruges til at formidle billedindhold for brugere og tekniske hjælpemidler som skærmlæsere. I HTML udnyttes attributten alt i img-elementet til at give denne beskrivelse. Når billedet ikke kan indlæses, eller når en skærmlæser når billedet, gør alt-teksten indholdet tilgængeligt.

Formål og betydning: BilledALTtekster forbedrer tilgængeligheden for synshandicappede og er en central del af WCAG-retningslinjerne. De hjælper også søgemaskiner med at forstå billedets mening og støtter kontekst og navigation på siden.

Indhold og skrivestil: Beskriv, hvad billedet viser, eller hvilken funktion det har. Vær præcis og konkret, og undgå unødvendige indledninger som "billede af". For funktionelle billeder (ikoner og knapper) beskriver alt-teksten handlingen, f.eks. "Søg" eller "Tilføj til kurv". Hvis billedet indeholder vigtig tekst, kan du inkludere den centrale tekst i alt-teksten. For komplekse billeder kan en kort alt-tekst kombineres med en længere beskrivelse i tilhørende tekst eller via ARIA-egenskaber. Dekorative billeder bør have tom alt-teksten (alt="") for at blive ignoreret af skærmlæsere.

Særlige tilfælde: Logos og figurer: for diagrammer og grafer kan kort alt være nyttigt, men detaljerede forklaringer bør givees i tilknyttet tekst eller en separat beskrivelse. Langere beskrivelser bør ikke gemmes væk i alt-teksten, men tilvejebringes ved siden af billedet.

Implementering og eksempler: Praktiske eksempler inkluderer <img src="logo.png" alt="Firmaets navn logo" /> og <img src="chart.png" alt="Søjlediagram der viser stigende salg fra 2020 til 2024" />. For dekorative billeder: <img src="ornament.png" alt="" />. Det anbefales at holde alt-tekster lokaliserede og konkrete.