Een pragmatische gids voor alt-tekst bij afbeeldingen in 2026

Waarom alt-tekst nog steeds belangrijk is

Alt-tekst maakt sinds 1995 deel uit van de HTML-specificatie. Dertig jaar later hebben de meeste afbeeldingen op het web nog steeds geen alt-attribuut, of alt-tekst die klinkt alsof die is geschreven door iemand die nog nooit een screenreader heeft gebruikt.

Het probleem is niet langer bewustwording. De meeste contentmanagementsystemen maken het alt-veld inmiddels verplicht. Het probleem is dat alt-tekst een complianceafvinkvakje is geworden in plaats van een communicatiemiddel. Mensen schrijven "afbeelding van een glimlachende persoon" terwijl de werkelijke context is: "CEO kondigt Q4-resultaten aan."

Alt-tekst bestaat om één reden: het doel van een afbeelding overbrengen aan iemand die die afbeelding niet kan zien. Dat doel verandert afhankelijk van de context. Een foto van een koffiekop op de homepage van een café heeft een andere functie dan dezelfde foto in een blogpost over glazuurtechnieken voor keramiek.

In 2026 hebben we ook AI-tools die automatisch alt-tekst kunnen genereren. Deze tools worden beter, maar ze begrijpen nog steeds geen context. Ze beschrijven wat ze zien, niet waarom de afbeelding daar staat.

De beslisboom: heeft deze afbeelding alt-tekst nodig?

Niet elke afbeelding heeft beschrijvende alt-tekst nodig. Sommige afbeeldingen zijn decoratief. Sommige zijn redundant. Sommige werken beter met bijschriften of omliggende tekst.

Dit is het beslisproces:

Brengt de afbeelding informatie over die niet beschikbaar is in de omliggende tekst? Zo ja, dan heeft die alt-tekst nodig. Zo nee, dan is die waarschijnlijk decoratief.

Zou een blinde gebruiker iets belangrijks missen als deze afbeelding verdween? Zo ja, schrijf alt-tekst. Zo nee, gebruik een leeg alt-attribuut (alt="") om screenreaders te laten weten dat ze de afbeelding moeten overslaan.

Is de afbeelding een link of knop? De alt-tekst wordt dan de linktekst. Beschrijf de bestemming, niet de afbeelding. "Bekijk prijsplannen" is beter dan "pijlpictogram."

Is de afbeelding complex — een grafiek, diagram of infographic? Alt-tekst heeft praktische lengtelimieten (ongeveer 125 tekens is comfortabel voor de meeste screenreaders). Complexe afbeeldingen hebben langere beschrijvingen nodig, in een bijschrift, in de lopende tekst of via aria-describedby.

Hoe goede alt-tekst eigenlijk klinkt

Goede alt-tekst is specifiek, beknopt en contextbewust. Die beantwoordt de vraag: Waarom staat deze afbeelding hier?

Slecht: "Afbeelding van een grafiek"

Beter: "Lijngrafiek met 23% stijging in mobiel verkeer van januari tot maart 2026"

Slecht: "Een persoon die een laptop gebruikt"

Beter: "Designer bekijkt website-mockups in Figma"

Slecht: "Klik hier"

Beter: "Download de volledige checklist voor de toegankelijkheidsaudit (PDF)"

Merk op dat goede alt-tekst vaak cijfers, handelingen of uitkomsten bevat. Die beschrijft niet elk visueel detail. Die beschrijft wat ertoe doet.

Gebruik voor decoratieve afbeeldingen — hero-achtergrondtexturen, ornamentale randen, puur esthetische illustraties — alt="". Dit is geen luiheid. Het is semantische eerlijkheid. Screenreaders slaan de afbeelding volledig over, en dat is precies wat je wilt.

Veelgemaakte fouten die ieders tijd verspillen

Beginnen met "Afbeelding van" of "Foto van": screenreaders kondigen al aan dat het om een afbeelding gaat. Ga meteen naar de beschrijving.

Keyword stuffing voor SEO: alt-tekst is geen plek om "beste biologische koffiebonen Brooklyn ambachtelijk gebrand" in te proppen. Google’s image search is hier al jaren goed in om dit te detecteren. Schrijf voor mensen.

De bestandsnaam beschrijven: "IMG_3847.jpg" helpt niemand. "hero-banner-final-v3" evenmin.

Een roman schrijven: als je alt-tekst langer is dan twee zinnen, hoort de informatie waarschijnlijk eerder thuis in een bijschrift of in de lopende tekst.

Aangrenzende tekst herhalen: als de kop zegt "Hoe bak je zuurdesembrood" en de afbeelding toont iemand die deeg vormt, hoeft de alt-tekst de kop niet te herhalen. Beschrijf wat visueel onderscheidend is: "Handen vouwen zuurdesemdeeg op een bebloemd werkvlak."

Tools en workflows die echt helpen

De meeste moderne CMS'en hebben inmiddels ingebouwde velden voor alt-tekst. WordPress, Webflow, Contentful en Sanity tonen het alt-attribuut prominent tijdens het uploaden. Dat het veld zichtbaar is, betekent niet dat het goed wordt ingevuld.

Als je een site controleert op ontbrekende of slechte alt-tekst, kunnen browserextensies zoals Accessibility Insights of axe DevTools afbeeldingen zonder alt-attribuut markeren. Voor een snelle handmatige controle schakel je afbeeldingen uit in je browser (Firefox en Chrome ondersteunen dit allebei) en lees je de pagina. Als de alt-tekst logisch is in context, zit je goed.

AI-gegenereerde alt-tekst — beschikbaar in tools zoals Azure Computer Vision, Google Cloud Vision, of ingebouwd in platforms zoals Cloudflare Images — kan een redelijk startpunt zijn, vooral voor grote afbeeldingsbibliotheken. Maar behandel AI-alt-tekst als een eerste concept. Die beschrijft de inhoud van de afbeelding nauwkeurig, maar weet niet waarom de afbeelding op de pagina staat. Een menselijke redacteur moet nog steeds context toevoegen.

Als je werkt aan een site met veel afbeeldingen en prestatieproblemen vroeg wilt opsporen, kunnen tools zoals Wux Webtools' Image Compressor helpen om bestandsgroottes vóór het uploaden te optimaliseren — want alt-tekst is alleen nuttig als de afbeelding daadwerkelijk laadt.

Alt-tekst en SEO in 2026

Google zegt al jaren dat alt-tekst een rankingfactor is voor image search. Dat is nog steeds waar. Maar optimalisatie voor image search is niet hetzelfde als toegankelijkheid.

Als je alt-tekst vooral voor SEO schrijft, eindig je met met zoekwoorden volgestopte onzin die de pagina moeilijker navigeerbaar maakt voor screenreadergebruikers. Als je alt-tekst eerst voor toegankelijkheid schrijft, volgen de SEO-voordelen vanzelf, omdat beschrijvende, contextuele alt-tekst precies is wat Google’s image search-algoritme probeert te tonen.

Eén nuance: Google Images gebruikt omliggende paginacontent nu veel zwaarder dan vroeger. Als je alt-tekst goed maar generiek is ("chocoladetaart met glazuur"), en je pagina gaat over vegan bakken, begrijpt Google de context. Je hoeft niet "vegan chocoladetaart met zuivelvrij glazuur" te schrijven, tenzij dat onderscheid visueel duidelijk is in de afbeelding.

Belangrijkste punten

• Alt-tekst bestaat om het doel van een afbeelding over te brengen, niet om elk visueel detail te beschrijven
• Decoratieve afbeeldingen moeten alt="" gebruiken, zodat screenreaders ze volledig overslaan
• Goede alt-tekst is specifiek, contextbewust en beantwoordt "waarom staat deze afbeelding hier?"
• AI-gegenereerde alt-tekst is een nuttig startpunt, maar heeft nog steeds menselijke redactie nodig voor context
• Schrijf eerst voor toegankelijkheid; SEO-voordelen volgen vanzelf uit duidelijke, beschrijvende tekst

FAQ

Q: Kan ik gewoon AI gebruiken om al mijn alt-tekst te genereren?

A: AI-tools zijn goed in het beschrijven van wat er in een afbeelding staat, maar ze begrijpen geen context. Als je met honderden productafbeeldingen werkt en een basis nodig hebt, is AI-alt-tekst prima. Voor redactionele content, marketingpagina's of alles waarbij de reden waarom de afbeelding bestaat belangrijk is, moet een mens beoordelen en bewerken.

Q: Hoe lang moet alt-tekst zijn?

A: De meeste screenreaders werken prettig met 125 tekens of minder. Als je meer nodig hebt, hoort de informatie waarschijnlijk in een bijschrift, in de lopende tekst of in een langere beschrijving die via aria-describedby is gekoppeld. Er is geen harde technische limiet, maar langere alt-tekst wordt onhandig om doorheen te navigeren.

Q: Heb ik alt-tekst nodig voor logo's?

A: Ja, maar houd het eenvoudig. Als je logo in de header staat en naar de homepage linkt, moet de alt-tekst je bedrijfsnaam zijn: alt="Acme Corp". Schrijf geen alt="Acme Corp logo", tenzij het feit dat het een logo is op de een of andere manier relevant is voor de context.

Q: Wat is het verschil tussen alt-tekst en een bijschrift?

A: Alt-tekst is een directe vervanging voor de afbeelding. Die wordt door screenreaders voorgelezen wanneer de afbeelding wordt aangetroffen. Een bijschrift is aanvullende informatie, zichtbaar voor iedereen, die context of bronvermelding toevoegt. Als je beide hebt, moeten ze elkaar niet herhalen.

Q: Moet ik alt-tekst toevoegen aan achtergrondafbeeldingen in CSS?

A: Nee. CSS-achtergrondafbeeldingen zijn per definitie decoratief en worden niet aan screenreaders blootgesteld. Als een achtergrondafbeelding belangrijke informatie overbrengt, moet die een <img>-element in de HTML zijn met correcte alt-tekst.

Bronnen

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices