Alt-tekst

Alt-tekst is de waarde van het alt-attribuut op een <img>-element. Het beschrijft in woorden wat er op de afbeelding staat. Screenreaders lezen die tekst voor aan blinde en slechtziende bezoekers. Laadt de afbeelding niet, dan toont de browser de alt-tekst.

Google gebruikt alt-tekst, samen met de omringende tekst en de bestandsnaam, om te begrijpen wat een afbeelding toont. Dat telt vooral voor Google Afbeeldingen en voor productafbeeldingen die in Shopping-resultaten en andere zoekfuncties terechtkomen.

Alt-tekst is geen title-attribuut. Het title-attribuut verschijnt als tooltip bij hover en heeft voor SEO weinig betekenis. Ook de bestandsnaam en de beschrijving rond de afbeelding tellen mee. Een bestand met de naam air-max-90-zwart-zijkant.webp zegt meer dan IMG_4821.jpg, en kost bij het uploaden niets extra.

Een webshop is visueel. Productfoto's, kleurvarianten, sfeerbeelden. Zonder alt-tekst weet een zoekmachine alleen dat er een afbeelding staat, niet welk product in welke kleur.

Toegankelijkheid weegt daarnaast steeds zwaarder. Sinds 28 juni 2025 geldt de Europese Toegankelijkheidsakte (in Nederland verwerkt in de wet) voor veel webshops die aan consumenten verkopen. Ontbrekende alt-teksten zijn een van de meest gemaakte toegankelijkheidsfouten. Laat juridisch beoordelen of jouw shop eronder valt, maar de fix is hoe dan ook goedkoop.

In Magento 2 heeft elke productafbeelding een veld 'Alt Text' in de afbeeldingsdetails van het product. Blijft dat leeg, dan gebruiken Luma en Hyvä meestal de productnaam. Dat is beter dan niets, maar bij acht foto's van hetzelfde product krijg je acht keer dezelfde tekst. Bij een import kun je per afbeelding een label meegeven.

In Shopify stel je alt-tekst per mediabestand in via het product, onder 'Alt-tekst toevoegen'. Thema's gebruiken die waarde in image.alt. Is die leeg, dan valt het thema vaak terug op de producttitel. Controleer ook afbeeldingen in secties en banners: die vullen redacteuren via de theme editor en worden vaak vergeten.

Decoratieve afbeeldingen, zoals achtergrondpatronen of iconen naast tekst die al zegt wat ze betekenen, krijgen een lege alt (alt=""). Dan slaat een screenreader ze over.

Bij grote catalogi is handmatig invullen onhaalbaar. Een sjabloon op basis van productnaam, kleur en het type foto (vooraanzicht, detail, sfeerbeeld) is een goede basis. Dat kun je via een import of een script vullen. AI kan helpen om beschrijvingen te genereren, maar controleer steekproefsgewijs of het klopt wat er staat.

Zoekwoorden opsommen in plaats van beschrijven: 'sneakers heren kopen goedkoop'. Dat is spam en onbruikbaar voor screenreaders.

Bestandsnamen als alt-tekst: 'IMG_4821.jpg' of 'product-1-final'.

Overal dezelfde alt op variantfoto's. Beschrijf wat afwijkt: 'Air Max 90 in zwart, zijaanzicht'.

Tekst in afbeeldingen zetten (prijzen, acties) zonder die tekst ook als HTML of alt aan te bieden.