Det alt-attributtet gir et tekstalternativ som beskriver innholdet eller funksjonen til et bilde. Det tjener brukere og verktøy som ikke kan se bildet.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Det alt-attributtet gir et tekstalternativ som beskriver innholdet eller funksjonen til et bilde. Det tjener brukere og verktøy som ikke kan se bildet.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt-teksten høyt, slik at en blind bruker vet hva bildet formidler. Uten den hører de bare filnavnet eller bare "bilde" — ubrukelig.alt-teksten i stedet for et ødelagt bilde-ikon.alt til å forstå og indeksere bilder (bilde-SEO).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (tom, men tilstede) er viktig: det forteller skjermlesere "dette er dekorativt, ignorer det". Å utelate alt helt er annerledes — da kan leseren annonsere filnavnet.
alt er det viktigste tilgjengelighetskjennetegnet for bilder og et juridisk krav under tilgjengelighetsstandarder (WCAG).
Det gjør innhold oppfattelig for ikke-seende brukere, gir en fallback når bilder er brutt, og hjelper SEO — beskriv hva bildet betyr i sammenheng, og bruk alt="" for rent dekorative bilder.
Et bibliotek av IT-intervjuspørsmål med detaljerte svar — fra Junior til Senior.
Doner