Alt-teksten schrijven: een praktische gids

Wat is een alt-tekst?

Een alt-tekst (alternatieve tekst) is een korte, geschreven beschrijving van een afbeelding, die wordt voorgelezen door een schermlezer of getoond wanneer een afbeelding niet laadt. Zonder alt-tekst is een afbeelding voor een deel van je bezoekers simpelweg onzichtbaar.

Heeft elke afbeelding een alt-tekst nodig?

Nee — en dat is een veelgemaakt misverstand. Het gaat om het onderscheid tussen twee soorten afbeeldingen:

• Informatieve afbeeldingen dragen betekenis bij aan de pagina — bijvoorbeeld een grafiek, productfoto of icoon dat een unieke functie heeft. Deze hebben een beschrijvende alt-tekst nodig.
• Decoratieve afbeeldingen voegen niets inhoudelijks toe — een sfeerfoto op de achtergrond, of een icoon naast een tekst die de functie al beschrijft. Deze krijgen een leeg alt-attribuut (alt=""), zodat schermlezers ze overslaan.

Hoe schrijf je een goede alt-tekst?

• Beschrijf wát er te zien is, kort en to-the-point — meestal is een korte zin genoeg.
• Begin niet met "afbeelding van" of "foto van" — een schermlezer kondigt al aan dat het een afbeelding is.
• Bij een afbeelding die ook een link of knop is: beschrijf de functie, niet het uiterlijk.
• Bij een grafiek of infographic: vat de kernboodschap samen, of verwijs naar een tekstalternatief in de buurt.

<img src="grafiek.png" alt="afbeelding">

<img src="grafiek.png" alt="Omzet steeg in 2025 met 12% ten opzichte van 2024">

En een afbeelding die ook een link is?

Stel: een logo linkt naar de homepage. De alt-tekst beschrijft dan niet het logo, maar de bestemming van de link:

<a href="/">
  <img src="logo.svg" alt="Naar de homepage">
</a>

Een goede vuistregel: lees de alt-tekst hardop voor zonder de afbeelding te zien. Snap je dan wat er gebeurt?

Onze accessibility scan controleert automatisch op ontbrekende alt-teksten en geeft per afbeelding een concreet verbetervoorstel.