Hoe schrijf je goede alt-tags volgens de WCAG-richtlijnen?

Alt-teksten worden vaak vergeten of afgedaan als bijzaak. Toch zijn ze cruciaal voor zowel toegankelijkheid als SEO. Ze zorgen ervoor dat mensen met een visuele beperking je website kunnen begrijpen, en ze helpen zoekmachines je afbeeldingen te indexeren.

Zeker voor bedrijven die professioneel over willen komen — of moeten voldoen aan WCAG-richtlijnen (zoals onderwijsinstellingen, overheden en zorgorganisaties) — zijn correcte alt-tags onmisbaar.

In dit artikel lees je:

• Wat alt-tags precies zijn
• Wat WCAG hierover zegt
• Hoe je goede alternatieve tekst schrijft
• En wat je vooral níet moet doen

Wat zijn alt-tags?

Een alt-tag (voluit: alternative text) is een HTML-attribuut dat je toevoegt aan een afbeelding. De inhoud van die tag wordt getoond of voorgelezen wanneer de afbeelding niet zichtbaar is — bijvoorbeeld voor mensen met een screenreader, of als een afbeelding niet kan worden geladen.

Voorbeeld HTML:

<img src="voorbeeld.jpg" alt="Een kind leest een boek op school" />

Belangrijk:
De alt-tag is geen caption. Het verschijnt niet zichtbaar op je site, maar speelt zich af ‘onder de motorkap’ — precies waar zoekmachines én screenreaders kijken.

Wat zegt WCAG over alternatieve tekst?

De WCAG (Web Content Accessibility Guidelines) stellen duidelijke eisen aan het gebruik van alternatieve tekst:

“Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.”
– WCAG 2.1, Richtlijn 1.1.1

Concreet betekent dit:

• Elke informatieve afbeelding moet een beschrijvende alt-tekst hebben.
• Decoratieve afbeeldingen (die geen betekenis dragen) mogen een lege alt-tekst hebben: alt="".
• Afbeeldingen van tekst moeten waar mogelijk vervangen worden door échte tekst in HTML.

Deze richtlijnen zijn verplicht voor overheidsinstanties en steeds vaker standaard binnen professionele webontwikkeling.

Hoe schrijf je een goede alt-tag?

Een goede alt-tag beschrijft wat er op de afbeelding te zien is, in de context van de pagina. Niet meer, niet minder.

Praktische vuistregels:

• Beschrijf de essentie van de afbeelding
• Houd het kort en concreet (max. 125 tekens)
• Vermijd woorden als “afbeelding van” of “foto van”
• Laat overbodige context weg die al in de tekst staat
• Gebruik keywords alleen als ze logisch zijn

Voorbeelden van goede en slechte alt-teksten

Afbeelding	Slechte alt-tekst	Goede alt-tekst
Een kind dat op school leest	“afbeelding kind”	“Kind leest een prentenboek in de klas”
Grafiek met omzetgroei per kwartaal	“grafiek”	“Omzetgroei Q1 t/m Q4 2024: stijging van 12%”
Decoratief patroon in achtergrond	“mooie achtergrond”	alt="" (want decoratief, dus leeg laten)
Knop met een download-icoon	“icoontje”	“Download PDF met prijslijst” (als het klikbaar is)

Wat moet je vermijden bij alt-teksten?

Veel alt-teksten doen meer kwaad dan goed. Ze zijn vaag, overbodig, te lang of juist misleidend. Hieronder de meest voorkomende fouten — en hoe je ze voorkomt.

Veelgemaakte fouten

“Afbeelding van…”

Dit is overbodig. Een screenreader weet al dat het om een afbeelding gaat.

Keywords forceren

Alt-tekst is geen plek om zoekwoorden te ‘stapelen’. Gebruik ze alleen als ze logisch en informatief zijn.

Te algemeen

“Vrouw met laptop” is nietszeggend als de context specifieker is.

Niet relevant voor de pagina

Een alt-tekst moet altijd aansluiten op de functie van de afbeelding binnen de content.

Geen alt-tekst bij functionele elementen

Knoppen, links of iconen zonder alt-tekst (of met verkeerde alt) zijn onbegrijpelijk voor screenreaders.

SEO-voordelen van goede alt-tags

Hoewel alt-teksten in de eerste plaats bedoeld zijn voor toegankelijkheid, helpen ze ook je SEO — mits correct toegepast.

Waarom alt-teksten bijdragen aan SEO:

• Beeldzoekverkeer: Alt-teksten helpen Google Afbeeldingen om jouw visuals te indexeren.
• Betere context voor crawlers: Ze versterken het onderwerp van de pagina als ze semantisch aansluiten.
• Indirecte SEO-boost: Een toegankelijkere website leidt tot betere UX-signalen en lagere bouncerates.
• Verbeterde linkbuilding: Artikelen met goed toegankelijke beelden worden vaker gedeeld en gelinkt.

Let op: alt-tags zijn een ondersteunende rankingfactor, geen magische SEO-truc. Het draait om kwaliteit en relevantie.

Tools om je alt-teksten te checken

Goede alt-teksten schrijven is één ding — maar hoe weet je of je het goed doet? Hieronder tools om je site te testen op alt-tekstkwaliteit en toegankelijkheid.

Technische check

Screaming Frog (gratis t/m 500 URL’s)

• Crawlt je hele site en toont waar alt-tags ontbreken of dubbel zijn.

Ahrefs Site Audit / Semrush Audit

• Signaleert ontbrekende of overgeoptimaliseerde alt-teksten.

Toegankelijkheid check

axe DevTools (Chrome-extensie)

• Toont WCAG-gerelateerde fouten, waaronder alt-teksten.

Wave Accessibility Tool

• Browserextensie die per pagina visueel laat zien waar alt-teksten ontbreken of fout zijn toegepast.

Google Lighthouse

• Ingebouwd in Chrome DevTools → geeft toegankelijkheidsrapport inclusief alt-teksten.

Tip: Maak alt-tekstcontrole onderdeel van je publicatieproces — net als titels, meta descriptions en headings.

Alt-teksten lijken klein — maar maken een groot verschil.

Voor bezoekers met een visuele beperking zijn ze essentieel om je site te begrijpen. Voor zoekmachines zijn ze een signaal van structuur, semantiek en relevantie. En voor jouw bedrijf zijn ze een kans om professioneel, inclusief én vindbaar te zijn.

Of je nu werkt aan een nieuwe website of bestaande content wilt verbeteren: begin met je afbeeldingen. Goede alt-teksten zijn snel te implementeren en maken direct impact.