Afbeeldingen zonder alt-tekst: zo schrijf je een goede
Een alt-tekst is een korte beschrijving van een afbeelding, in het alt-attribuut. Bezoekers zien hem niet, maar schermlezers lezen hem voor, en Google gebruikt hem om te snappen wat er op de afbeelding staat.
In het kud-rapport Afbeeldingen zonder alt-tekst
Waarom het uitmaakt
Blinde en slechtziende bezoekers horen zonder alt-tekst alleen "afbeelding", of erger: de bestandsnaam, zoals "IMG_4032.jpg".
Google kan afbeeldingen maar beperkt zelf interpreteren. Met een goede alt-tekst word je beter gevonden, ook in Google Afbeeldingen.
Zo los je het op
- Beschrijf in een paar woorden wat er op de afbeelding te zien is en waarom het ertoe doet.
- Wees concreet: niet "foto", maar "Monteur vervangt dakpannen op een rijtjeshuis".
- Begin niet met "afbeelding van"; dat zegt een schermlezer al.
- Gebruik
alt=""(leeg) voor puur decoratieve afbeeldingen, zoals een lijntje of achtergrondpatroon. Dan slaat een schermlezer ze over. - Is de afbeelding een link of knop? Beschrijf dan waar hij heen gaat, niet wat erop staat.
<img src="/img/dak.webp" alt="Monteur vervangt dakpannen op een rijtjeshuis" width="800" height="600">
<img src="/img/lijn.svg" alt="">Op jouw platform
- WordPress
- In de mediabibliotheek vul je per afbeelding het veld "Alternatieve tekst" in. Doe het bij het uploaden, dan hoef je het later niet meer na te lopen.
- Shopify
- Bij productafbeeldingen klik je op de afbeelding en kies je "Alt-tekst toevoegen".
Veelgestelde vragen
Moet ik zoekwoorden in mijn alt-tekst zetten?
Alleen als ze echt beschrijven wat er te zien is. Een rij zoekwoorden helpt niemand en kan zelfs tegen je werken.
Hoe lang mag een alt-tekst zijn?
Kort: meestal een zin of minder. Heeft een afbeelding veel uitleg nodig, zoals een grafiek, zet die uitleg dan in de tekst ernaast.