Alt Tekst

Alternatieve tekst, Alt-tekst, Alt attribute, Alt-attribuut, Afbeeldingsbeschrijving, Image alt text, Alternatieve afbeeldingstekst, Alt tag, Alt-tag
Alt tekst (alternative text) is een beschrijvende tekstuele weergave van een afbeelding die wordt gebruikt door schermlezers en zoekmachines. Het verbetert de toegankelijkheid en SEO van websites.
Accessibility (A11y)

Wat is Alt Tekst?

Alt tekst, voluit 'alternative text' of alternatieve tekst, is een HTML-attribuut dat wordt toegevoegd aan afbeeldingselementen om een tekstuele beschrijving te geven van wat er op de afbeelding te zien is. Dit attribuut wordt weergegeven wanneer een afbeelding niet kan worden geladen en wordt voorgelezen door schermlezers voor mensen met een visuele beperking.

Het alt-attribuut is een essentieel onderdeel van webtoegankelijkheid (accessibility) en speelt een belangrijke rol in zoekmachineoptimalisatie (SEO). Het wordt in de HTML-code opgenomen als volgt: <img src="afbeelding.jpg" alt="Beschrijving van de afbeelding">.

Waarom is alt tekst belangrijk?

Alt tekst vervult meerdere cruciale functies:

  • Toegankelijkheid: Schermlezers lezen de alt tekst voor aan gebruikers met een visuele beperking, waardoor zij begrijpen wat er op de afbeelding staat
  • SEO-optimalisatie: Zoekmachines kunnen afbeeldingen niet 'zien' zoals mensen dat doen en gebruiken alt tekst om de inhoud van afbeeldingen te begrijpen en te indexeren
  • Gebruikerservaring: Wanneer een afbeelding niet laadt door technische problemen of een trage internetverbinding, wordt de alt tekst getoond als alternatief
  • Context en betekenis: Alt tekst helpt zoekmachines de context van de pagina beter te begrijpen en kan bijdragen aan hogere rankings in afbeeldingszoekopdrachten

Kenmerken van goede alt tekst

Effectieve alt tekst heeft specifieke kenmerken:

  • Beschrijvend: Geeft een nauwkeurige beschrijving van wat er op de afbeelding te zien is
  • Beknopt: Meestal tussen de 125-150 tekens, aangezien schermlezers vaak na dit aantal stoppen met voorlezen
  • Contextgericht: Past bij de context waarin de afbeelding wordt gebruikt op de pagina
  • Informatief: Bevat relevante informatie zonder onnodige woorden zoals 'afbeelding van' of 'foto van'
  • Natuurlijk: Leest vloeiend en natuurlijk, alsof je de afbeelding aan iemand beschrijft

Toepassingen

Content afbeeldingen

Voor afbeeldingen die belangrijke informatie bevatten of bijdragen aan het begrip van de content, moet de alt tekst de essentie van de afbeelding overbrengen. Bijvoorbeeld:

  • Productfoto's in webshops: beschrijf het product, kleur, belangrijke kenmerken
  • Infographics: geef een samenvatting van de belangrijkste informatie
  • Grafieken en diagrammen: beschrijf de data en trends die worden getoond
  • Instructieafbeeldingen: leg uit wat de afbeelding demonstreert

Decoratieve afbeeldingen

Afbeeldingen die puur decoratief zijn en geen informatieve waarde hebben, krijgen een leeg alt-attribuut (alt=""). Dit vertelt schermlezers dat ze de afbeelding kunnen overslaan. Voorbeelden:

  • Achtergrondpatronen en texturen
  • Decoratieve scheidingslijnen
  • Sfeerbeelden zonder specifieke betekenis
  • Iconen die worden ondersteund door aangrenzende tekst

Functionele afbeeldingen

Voor afbeeldingen die als link of knop fungeren, beschrijft de alt tekst de functie of bestemming, niet de afbeelding zelf:

  • Logo's die linken naar de homepage: "Naar homepage" of "[Bedrijfsnaam] homepage"
  • Social media iconen: "Volg ons op Facebook" in plaats van "Facebook logo"
  • Zoekiconen: "Zoeken" in plaats van "Vergrootglas icoon"
  • Download knoppen: "Download PDF brochure" in plaats van "Download icoon"

E-commerce toepassingen

In online winkels is alt tekst cruciaal voor productvindbaarheid en conversie:

  • Productafbeeldingen: Beschrijf het product inclusief merk, model, kleur en opvallende kenmerken
  • Variant afbeeldingen: Geef aan welke variant wordt getoond (bijvoorbeeld kleur of maat)
  • Lifestyle foto's: Beschrijf hoe het product wordt gebruikt of gedragen
  • Detail shots: Wijs op specifieke kenmerken of materialen die worden getoond

SEO en afbeeldingszoeken

Alt tekst helpt afbeeldingen te ranken in Google Afbeeldingen en andere beeldzoeksystemen:

  • Gebruik relevante zoekwoorden op natuurlijke wijze
  • Vermijd keyword stuffing of het herhalen van dezelfde woorden
  • Zorg voor unieke alt tekst voor elke afbeelding
  • Stem de alt tekst af op de content van de pagina
  • Denk aan zoekintentie: wat zou iemand zoeken om deze afbeelding te vinden?

Wettelijke vereisten en WCAG

Alt tekst is een vereiste onder verschillende toegankelijkheidsrichtlijnen:

  • WCAG 2.1: Level A vereist alt tekst voor alle niet-decoratieve afbeeldingen
  • Europese toegankelijkheidswetgeving: Verplicht voor overheidswebsites en steeds meer commerciële sites
  • ADA compliance: In de VS vereist voor toegankelijke websites
  • Correcte implementatie voorkomt juridische problemen en maakt content toegankelijk voor iedereen

Veelgestelde vragen

Alt tekst en title tekst zijn twee verschillende HTML-attributen met verschillende doelen. Alt tekst (alt-attribuut) is bedoeld voor toegankelijkheid en wordt voorgelezen door schermlezers. Het wordt ook getoond wanneer een afbeelding niet laadt en wordt gebruikt door zoekmachines om de afbeelding te begrijpen.

Title tekst (title-attribuut) wordt getoond als tooltip wanneer je met je muis over een afbeelding zweeft. Het is optioneel en wordt niet voorgelezen door alle schermlezers. Voor SEO en toegankelijkheid is alt tekst verreweg het belangrijkste van de twee.

Best practice is om altijd alt tekst toe te voegen en title tekst alleen te gebruiken wanneer je aanvullende informatie wilt geven die verschijnt bij hover.

Een effectieve alt tekst is meestal tussen de 125 en 150 tekens lang. Dit komt omdat veel schermlezers stoppen met voorlezen na ongeveer 125 tekens. Sommige schermlezers ondersteunen langere beschrijvingen, maar voor de beste gebruikerservaring is beknoptheid belangrijk.

De ideale lengte hangt af van de context:

  • Eenvoudige afbeeldingen: 10-50 tekens kunnen voldoende zijn ("Rode sneakers met witte zool")
  • Complexe afbeeldingen: Gebruik de volledige 125-150 tekens om belangrijke details over te brengen
  • Zeer complexe afbeeldingen: Overweeg een langere beschrijving in de omliggende tekst of gebruik het longdesc-attribuut

Belangrijk is dat je de essentie van de afbeelding overbrengt zonder onnodige woorden. Vermijd zinnen zoals "afbeelding van" of "foto van" - begin direct met de beschrijving.

Ja, maar op een specifieke manier: decoratieve afbeeldingen moeten een leeg alt-attribuut krijgen (alt=""), niet helemaal geen alt-attribuut. Dit is een belangrijk onderscheid.

Een leeg alt-attribuut vertelt schermlezers dat de afbeelding decoratief is en overgeslagen kan worden. Dit verbetert de gebruikerservaring voor mensen die schermlezers gebruiken, omdat zij niet hoeven te luisteren naar beschrijvingen van afbeeldingen die geen informatieve waarde hebben.

Decoratieve afbeeldingen zijn:

  • Achtergrondpatronen en texturen
  • Decoratieve scheidingslijnen of spacers
  • Sfeerbeelden zonder specifieke betekenis voor de content
  • Iconen die direct naast verklarende tekst staan

Als je het alt-attribuut helemaal weglaat, zullen schermlezers vaak de bestandsnaam voorlezen, wat verwarrend kan zijn. Gebruik daarom altijd alt="" voor decoratieve afbeeldingen.

Auteur & updates

Auteur: Wouter
Publicatiedatum: 16-02-2026
Laatste update: 16-02-2026