Kort svar: Alt-tekst beskriver, hvad et billede viser eller gør, for den der ikke kan se det. Ahorizon vurderer indholdet, ikke bare tilstedeværelsen: et filnavn, ordet “billede” eller en tekst på under tre tegn opfylder kravet formelt og tæller derfor som en mangel.
Hvad Ahorizon måler
Kontrollen indgår i 2 af tjekkene. Tærsklerne nedenfor er dem, motoren faktisk regner med.
| Tjek | Hvad motoren ser på | Hvornår kontrollen består |
|---|---|---|
| EAA-tjekAlternativ tekst på billeder | Alle img-elementer på siden. En alt-tekst tæller som ubrugelig, hvis den er et filnavn, et generisk ord som “billede”, “foto” eller “banner”, kun tal og tegn, eller under tre tegn lang. | Fuld score, når intet billede fejler. Fem eller flere fejlende billeder lægger loft over scoren, uanset hvor mange billeder siden ellers har. Sider uden billeder får status “ikke relevant” og holdes ude af scoren. |
| SEO-tjekSøge- og performancevenlige billeder | Tre ting vægtet lige: brugbar alt-tekst, faste dimensioner via width og height eller aspect-ratio, og lazy loading på billeder under folden. | Fuld score kræver alle tre. Alt-tekst alene giver altså en tredjedel af pointene i denne kontrol. |
Sådan ser det ud i koden
Filnavnet tæller som en mangel. Den dekorative streg skal derimod have en tom alt-tekst, så skærmlæseren springer den over.
<img src="/img/DSC_4821.jpg" alt="DSC_4821.jpg">
<img src="/img/divider.svg" alt="grafik"><img src="/img/DSC_4821.jpg" alt="Slebet egeparket i en stue med tre vinduer">
<img src="/img/divider.svg" alt="">Hvad fundet betyder
- Skærmlæserbrugere mister information, funktion eller kontekst, når alt-teksten er tom for indhold.
- Et billede, der er et link eller en knap, uden alt-tekst efterlader brugeren med en destination uden navn.
- Alt-tekst er også den eneste tekst, en søgemaskine har om billedets motiv.
Sådan retter du det
- Beskriv hvad billedet viser eller gør — ikke hvad filen hedder.
- Giv dekorative billeder en tom alt-attribut, alt="", så hjælpemidler springer dem over.
- Beskriv funktionen frem for motivet, når billedet er et link eller en knap.
- Gentag ikke billedteksten i alt-teksten; så bliver den læst op to gange.
Det kan tjekket ikke afgøre
- Motoren kan ikke se, om et billede med tom alt-tekst i virkeligheden bar information. Et forkert markeret dekorativt billede findes ikke af tjekket.
- Den kan heller ikke afgøre, om en velskrevet alt-tekst faktisk beskriver det rigtige motiv.
- Billeder indsat med CSS eller først i browseren indgår ikke.
- Alt-tekst er ét WCAG-krav ud af mange. Et grønt resultat her er ikke en tilgængelighedserklæring.