Alt-tekst voor images — 2026.

Wat alt-tekst is en waarom het ertoe doet

Alt-tekst is het alt="..." attribuut binnen een <img>-tag. Het wordt voorgelezen door screenreaders, getoond als de afbeelding niet laadt, en gelezen door Google om je afbeelding te begrijpen. Twee publieken, één tekst — die moet voor beide werken.

Sinds 28 juni 2025 is de Europese Accessibility Act van kracht. Voor MKB met meer dan 10 medewerkers OF meer dan €2M omzet die online producten of diensten verkopen: WCAG 2.1 AA-conformiteit wordt verplicht. Alt-tekst is daar een fundamenteel onderdeel van. Boetes lopen tot €21.750 per geval (NL).

Voor de meeste DC-klanten geldt deze wet (nog) niet — maar de klantbeleving voor slechtzienden, langere image-laadtijden en SEO-voordelen zijn op zichzelf al genoeg reden om dit goed te doen.

De vijf categorieën en hun alt-tekst

1. Informatieve foto's (toon iets relevants)

Beschrijf wat erop staat in 5-15 woorden, vanuit de relevantie voor de pagina. Voorbeeld: foto van een door jou aangelegde tuin op je hovenier-site.

Slecht: alt="tuin.jpg" of alt="hovenier mijdrecht hovenier hovenier"
Goed: alt="Strakke achtertuin met houten vlonder en heesterborder in Vinkeveen"

2. Functionele afbeeldingen (knoppen, iconen)

Beschrijf de functie, niet het uiterlijk. Een telefoon-icoon als klik-tot-bellen-knop:

Slecht: alt="telefoon icoon"
Goed: alt="Bel direct 0297-..."

3. Logo's

Vaak in de header. Alt-tekst is de bedrijfsnaam, zonder "logo van":

Slecht: alt="logo van DesignCheck"
Goed: alt="DesignCheck"

4. Decoratie (puur visueel, geen informatie)

Hero-achtergrond, divider-grafiek, sfeer-foto zonder informatie. Lege alt:

alt="" (niet weglaten, leeg houden)

5. Tekst in een afbeelding

Een banner met "Zomer-sale 20%" als afbeelding. Alt-tekst = de tekst exact:

alt="Zomer-sale: 20% korting op alle tuin-onderhoudspakketten tot 31 augustus"

Wat niet in alt-tekst hoort

• "Afbeelding van...", "Foto van..." — screenreaders kondigen al aan dat het een afbeelding is
• Keyword-stuffing — "loodgieter mijdrecht loodgieter de ronde venen lood..."
• Bestandsnaam als alt — "IMG_2734.jpg"
• Lange verhalen — meer dan 25 woorden is meestal te veel
• Identieke alt op meerdere images — dat is duplicate content op image-niveau

Sector-voorbeelden

Loodgieter

• alt="Werkbus van LoodgieterX bij klant in Mijdrecht"
• alt="Vervangen van CV-ketel in Vinkeveen — proces"
• alt="Loodgieter Mijdrecht — Wessel Jansen" (team-foto)

Hovenier

• alt="Aangelegde voortuin met natuursteen in De Hoef"
• alt="Snoeiwerk aan oude eik in particuliere tuin Wilnis"
• alt="Voor-en-na: tuinrenovatie 2024 Aalsmeer"

Webshop / product

• alt="Vintage leren bureaustoel — eikenhouten poten — bruin"
• alt="Set van 4 wijnglazen Rivièra Maison — 350ml"
• alt="Detail-foto: handgeborduurd patroon op kraag"

SEO-impact in 2026

Google Image Search levert volgens onze eigen analyse van 12 DC-klanten gemiddeld 8-15% van organisch zoekverkeer voor MKB. Voor visueel-sterke sectoren (hovenier, fotograaf, interieur, fashion) tot 25%. Alt-tekst is hier directe ranking-factor: zonder alt = je verschijnt niet, met goede alt = je rankt op image-zoek.

Daarnaast helpt alt-tekst bij Google's contextueel begrip van de pagina. Een product-pagina met 8 afbeeldingen + goede alt-tekst geeft Google extra context-signalen die de positie van de hele pagina versterken.

Hoe je het bulk-checkt

• Screaming Frog SEO Spider (gratis tot 500 URLs) — crawlt je site en toont alle ontbrekende alt-tags
• Wave (wave.webaim.org) — accessibility-tester, toont alt-fouten per pagina
• Browser DevTools > Lighthouse > Accessibility — geeft alt-tekst-issues aan
• axe DevTools (browser-extensie) — gratis accessibility-audit

Hoe wij dit doen bij DC

Bij elke DC-rebuild nemen we 1-2 uur voor alt-tekst-werk. Voor klanten met 100+ product-foto's gebruiken we AI als eerste pass (zie ook ons artikel over AI-content) en redigeren handmatig.

Voor bestaande sites kunnen we in een audit aangeven welke pagina's grote alt-gaps hebben. Zie ook heading-hiërarchie en SEO-titels.

Hulp nodig? Gratis audit. Wat slechte image-SEO je kost: verliescalculator. Voor lokale klanten zie DesignCheck Mijdrecht.

FAQ — alt-tekst images

Het schrijfproces voor alt-tekst stap voor stap

Wij hanteren bij elke nieuwe pagina dezelfde sequence. Niet sneller, niet creatiever — gewoon dezelfde volgorde, omdat dat de output stabiel houdt.

Stap 1 — Functie bepalen. Voordat je een letter typt, bepaal je in welke categorie de afbeelding valt: informatief, functioneel, logo, decoratie of tekst-in-afbeelding. Die keuze stuurt de hele rest. Een verkeerde categorie levert alt-tekst die niet werkt voor screenreaders, niet werkt voor SEO of beide.

Stap 2 — Bezoeker visualiseren. Stel je voor dat iemand met een gehoor-screenreader (zoals VoiceOver of NVDA) jouw pagina hoort. Wat moet die persoon weten? Niet wat erop staat in pixels, maar wat de afbeelding bijdraagt aan het verhaal van de pagina.

Stap 3 — Eerste poging in 10 woorden. Schrijf de eerste alt-tekst zo kort als kan. Begin niet met "Een foto van" of "Een afbeelding van" — een screenreader kondigt al aan dat het een image is.

Stap 4 — Context-laag toevoegen. Voeg context toe vanuit de pagina-inhoud. Een foto van een keuken op een keukenrenovatie-pagina hoeft niet "keuken" in de alt te hebben — wel de stijl, het materiaal of de plaats. Daarmee scheid je deze afbeelding van de andere 12 keuken-foto's op de site.

Stap 5 — Lees-toets. Lees de alt-tekst hardop. Klinkt het als een natuurlijke zin, of als een trefwoordlijst? Trefwoorden voelen vreemd in de oren van een screenreader-gebruiker en straffen tegelijk ook SEO af.

Stap 6 — Uniek maken. Vergelijk met de alt-teksten van eerdere afbeeldingen op dezelfde pagina. Als drie alt-teksten beginnen met dezelfde drie woorden, herstructureer.

Veelgemaakte fouten in MKB-sites

In audits zien wij dezelfde patronen telkens terugkomen. Geen van deze fouten is dramatisch op zichzelf, maar drie of vier in combinatie laten je site op image-zoek niet meedoen.

Bestandsnamen als alt-tekst. "IMG_4521.JPG" of "DSC_0001.png" als alt zet je site direct buiten Google Image Search. Dit komt vaker voor dan je denkt bij CMS-en die automatisch alt vullen met de bestandsnaam.

Identieke alt op meerdere foto's. Een product-pagina met 8 foto's van hetzelfde shirt, allemaal met alt "rood overhemd dames". Dat is voor screenreaders verwarrend en voor Google een signaal van slordigheid. Beter: "rood overhemd dames — voorkant", "rood overhemd dames — kraag detail", "rood overhemd dames — gedragen door model".

Keyword-stuffing. "loodgieter mijdrecht loodgieter wilnis loodgieter vinkeveen loodgieter goedkoop" als alt-tekst werd in 2010 misschien beloond, in 2026 wordt het door Google direct als manipulatie gemarkeerd. Schrijf voor mensen, niet voor crawlers.

Lege alt op informatieve afbeeldingen. Een grafiek met cijfers, een infographic met statistieken, een productdiagram — allemaal informatief en allemaal verkeerd als ze alt="" krijgen. Hier hoort een uitgebreide alt, eventueel aangevuld met een longdesc of een tekstuele samenvatting onder de afbeelding.

Geen alt-attribuut. Het volledig weglaten van alt is voor screenreaders nog erger dan een lege alt. De screenreader leest dan vaak de bestandsnaam voor. Dat klinkt zoals je je voorstelt.

Auto-generated alt zonder controle. Sommige CMS-en gebruiken AI om alt te genereren. Soms goed, soms onbruikbaar. Een AI die een foto van een kapotte CV-ketel beschrijft als "een witte rechthoek aan een muur" is geen alt-tekst die SEO of accessibility helpt.

Alt-tekst voor speciale gevallen

Niet elke afbeelding past in de standaard-categorieën. Vier scenario's waar je extra nadenken moet.

Stockfoto's. Wij raden af, maar als je ze gebruikt: beschrijf wat er gebeurt in de context van jouw bedrijf, niet wat er op de stockfoto staat. Een stockfoto van handen bij een laptop op een ICT-pagina krijgt geen alt "twee handen typen op laptop" maar "ICT-ondersteuning op afstand voor MKB". Liever helemaal geen stockfoto — eigen foto's converteren beter.

Voor-en-na-foto's. Beschrijf beide states in één alt: "Voor en na: badkamerrenovatie maart 2026 — verouderd groen tegelwerk vervangen door beton-look". De combinatie maakt de alt waardevoller voor zowel SEO als context.

Team-foto's. Naam + functie. "Sanne de Wit — eigenaar" werkt beter dan "vrouw met blauwe trui die lacht". Dat eerste helpt SEO voor naam-zoekopdrachten, het tweede helpt niemand.

Schermafbeeldingen. Beschrijf wat er op het scherm gebeurt en waarom dat relevant is, niet de UI-elementen. "Order-overzicht in onze klant-portal met live status" is beter dan "screenshot van een tabel met data".

Checklist — alt-tekst kwaliteitscontrole

Loop deze lijst af per pagina, niet per afbeelding — dan zie je ook patronen tussen afbeeldingen die misgaan.

• Heeft elke img-tag een alt-attribuut — leeg of gevuld
• Beginnen alt-teksten niet met "Afbeelding van" of "Foto van"
• Bevat geen enkele alt een bestandsnaam zoals IMG_xxxx
• Zijn er minder dan twee alt-teksten identiek op dezelfde pagina
• Is elke alt korter dan 125 tekens — anders splits in alt + longdesc
• Bevatten alt-teksten geen herhaalde keywords (geen keyword-stuffing)
• Heeft de bedrijfsnaam-logo alt zonder "logo van" ervoor
• Hebben pure decoratieve images alt="" en niet alt weggelaten
• Beschrijven product-foto's merk, productnaam én een onderscheidend kenmerk
• Komt minstens één plaatsnaam of geografisch element terug in informatieve alts waar relevant
• Klinkt elke alt hardop voorgelezen als een natuurlijke zin
• Worden voor-en-na-foto's expliciet als zodanig gemarkeerd in de alt
• Bevatten team-foto's de naam van de persoon
• Is geen enkele alt geschreven in keyword-vorm zonder werkwoord
• Heeft Lighthouse-accessibility-score geen alt-gerelateerde warnings

Hoe wij dit aanpakten bij Keurmeesters

Voor Keurmeesters, het Nederlandse energielabel-bureau, hadden we te maken met 380 stadspagina's met telkens dezelfde kaart-rendering plus 4 tot 6 sfeer-foto's per pagina. Identieke alt op alle pagina's was niet acceptabel — zowel voor SEO (duplicate signals) als voor accessibility. We bouwden een script dat per stadspagina de plaatsnaam, het type bebouwing (rij/vrijstaand/appartement) en het inspectie-type combineerde tot unieke alt-teksten. 380 pagina's, 380 unieke alt-sets, één keer schrijven en daarna automatisch genereerd. Dat is het soort werk waar AI-assistentie tijdwinst oplevert zonder dat het ten koste gaat van eigenheid.

FAQ — verdiepende vragen

Wat doe je vandaag?

• Open je site in Chrome en draai Lighthouse Accessibility — noteer hoeveel alt-fouten erin staan
• Loop je homepage door met VoiceOver of NVDA en luister naar de eerste 10 images
• Vervang elke "IMG_xxx" of bestandsnaam-alt door een echte beschrijving
• Schrijf 5 voorbeeld-alts voor je belangrijkste product- of dienst-foto's
• Vraag een gratis audit aan voor een volledig alt-tekst-rapport

Hoe alt-tekst samenwerkt met andere beeld-attributen

Alt-tekst is niet de enige hint die Google en accessibility-tools krijgen over een afbeelding. Vier andere elementen werken samen en versterken het signaal als ze allemaal kloppen.

Bestandsnaam. Het filename in je media-bibliotheek wordt door Google gewogen. "tuinrenovatie-vinkeveen-2026.jpg" is sterker dan "IMG_4521.jpg". Hernoem bestanden voor upload, niet erna — sommige CMS-en behouden de oude naam in caches en oude posts.

Title-attribute. Verschilt van alt. Title is de hover-tooltip op desktop, vrijwel onbruikbaar op mobile. Voor MKB-sites in 2026 nauwelijks relevant. Niet invullen is meestal beter dan dezelfde tekst als alt te gebruiken.

Caption of figcaption. Zichtbare onderschrift onder de afbeelding. Werkt sterk voor accessibility omdat ziende gebruikers ook context krijgen. Combineer met alt voor maximum effect: kort alt voor de essentie, uitgebreidere figcaption voor context.

Surrounding text. Google leest de tekst direct rond een afbeelding mee als context-signaal. Een afbeelding bovenaan een paragraaf over "tuinrenovatie Vinkeveen" wint aan duidelijkheid, ook al staat dat niet in de alt zelf. Plaats afbeeldingen dus dichtbij hun relevante tekst, niet aan het einde van een sectie.

Schema-markup voor afbeeldingen. Voor product-pagina's, recepten en how-to-content kun je ImageObject-schema toevoegen met meer gestructureerde info over je afbeelding. Google gebruikt dit voor rich-results op image-zoek.

Veelgebruikte CMS-en en hoe ze met alt omgaan

Niet elk content-systeem maakt alt-tekst even gemakkelijk. Per platform de praktijk.

WordPress. In de media-bibliotheek krijgt elke afbeelding een veld voor alt, caption, description en title. Vul alleen alt en caption in. Description en title leiden meestal tot dubbel werk zonder SEO-winst. Plugins zoals ShortPixel of EWWW kunnen alt-tekst bulk-vullen — handig voor bestaande sites met honderden lege alts.

Shopify. Alt-tekst wordt ingevuld per product-foto in de admin. Voor collectie-pagina's en theme-images is dit lastiger en vereist soms theme-editing. Apps zoals SearchPie of TinyIMG kunnen helpen met bulk-werk.

Webflow. Alt-tekst per afbeelding in de Designer of via CMS-collections. Sterke punt: je kunt alt dynamisch genereren op basis van CMS-velden, ideaal voor herhaalde structuren.

Squarespace. Alt-tekst staat onder "image settings" per blok. Voor backgrounds en gallery-images is het soms verstopt. Audit goed na elke template-wissel.

Custom-built sites (zoals onze DC-rebuilds). Volledige controle, ook valkuilen. Voor sites met veel dynamische content moeten alt-velden bewust in de data-modellen worden opgenomen — anders blijven ze leeg bij elke nieuwe entry.

Verder lezen

Door Theo Mendes — DesignCheck Mijdrecht. Laatst bijgewerkt 16 mei 2026.