Samenvatting
De alt-tekstcontrole leest elke img-tag van een pagina, inclusief afbeeldingen die met lazy loading worden geladen, en controleert het alt-attribuut. Hij markeert ontbrekende alt-attributen, bestandsnamen die als alt zijn gebruikt, algemene woorden zoals "afbeelding", alt-teksten van meer dan 125 tekens, dezelfde alt die op meerdere afbeeldingen wordt herhaald en gelinkte afbeeldingen zonder enige tekst. Hij telt ook de afbeeldingen zonder breedte en hoogte, een oorzaak van verspringende indeling.
Wil je verder gaan? Vraag het aan
De alt-tekst beschrijft een afbeelding voor wie hem niet kan zien: schermlezers, Google Afbeeldingen en de AI-assistenten die de HTML lezen. Het is ook de ankertekst van een afbeelding die als link wordt gebruikt. Een goede alt zegt in één korte zin wat de afbeelding toont.
Wat de controle markeert
- Geen alt-attribuut: de afbeelding zegt niets en sommige schermlezers lezen de bestandsnaam voor.
- Bestandsnaam of algemeen woord: "IMG_2034.jpg" of "foto" beschrijft niets.
- Gelinkte afbeelding zonder tekst: haar alt wordt het anker en moet de doelpagina beschrijven.
- Te lang of herhaald: houd hem onder 125 tekens, één beschrijving per afbeelding.
Een goede alt-tekst schrijven
- Beschrijf wat een bezoeker ziet, in de taal van de pagina: "Eiken stoel, vooraanzicht".
- Voeg het zoekwoord alleen toe als het de afbeelding echt beschrijft.
- Schrijf alt="" voor puur decoratieve afbeeldingen, zodat schermlezers ze overslaan.
- Geef elke afbeelding een breedte en een hoogte om verspringende indeling te voorkomen.
Om je afbeeldingen vóór het publiceren lichter te maken gebruik je de afbeeldingscompressor. Voor de andere afbeeldingssignalen zie je afbeeldingsoptimalisatie en Core Web Vitals.
