alt-attributten giver en tekstalternativ der beskriver billedets indhold eller formål. Den tjener brugere og værktøjer, der ikke kan se billedet.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt-attributten giver en tekstalternativ der beskriver billedets indhold eller formål. Den tjener brugere og værktøjer, der ikke kan se billedet.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt højt op, så en blind bruger ved, hvad billedet formidler. Uden det høres filnavnet eller blot "billede" — ubrugelig.alt-teksten i stedet for et ødelagt-billede-ikon.alt til at forstå og indeksere billeder (billede-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 til stede) er vigtig: den fortæller skærmlesere "dette er dekorativt, ignorer det." At udelade alt helt er anderledes — så kan læseren muligvis annoncere filnavnet.
alt er det vigtigste tilgængelighedsattribut for billeder og et juridisk krav i henhold til tilgængelighedsstandarder (WCAG).
Det gør indhold som kan opfattes af ikke-seende brugere, giver en reserve når billeder går i stykker, og hjælper SEO — beskriv hvad billedet betyder i sammenhængen, og brug alt="" til rent dekorative billeder.