Hoe ziet goede alt-tekst eruit? Complete gids voor het schrijven van effectieve alternatieve tekst

Inzicht in de basisprincipes van alt-tekst

Alt-tekst, ook wel alternatieve tekst genoemd, is beschrijvende tekst die de betekenis van een afbeelding in digitale content overbrengt. Het vormt een cruciale brug tussen visuele content en gebruikers die afhankelijk zijn van ondersteunende technologieën zoals schermlezers. Wanneer iemand een schermlezer gebruikt, leest de technologie de tekst op het scherm hardop voor via tekst-naar-spraak, en als er een afbeelding wordt aangetroffen, wordt de alt-tekst voorgelezen zodat de gebruiker begrijpt wat de afbeelding moet overbrengen. Zonder correcte alt-tekst kunnen mensen die schermlezers gebruiken de informatie in afbeeldingen niet ontvangen. Daarom is alt-tekst een vereiste in toegankelijkheidsstandaarden zoals Section 508 en de WCAG-richtlijnen.

Goede alt-tekst gaat verder dan alleen beschrijven hoe een afbeelding eruitziet—het communiceert het doel en de context van de afbeelding binnen je content. Het verschil tussen slechte en uitstekende alt-tekst kan een aanzienlijke impact hebben op zowel toegankelijkheid als zoekmachineoptimalisatie. In plaats van bijvoorbeeld “Afbeelding van een hond” te schrijven, schrijf je “Golden retriever blaft naar camera” of “Blaffende hond”, afhankelijk van de context. Deze specificiteit helpt schermlezergebruikers niet alleen te begrijpen dat er een hond op de afbeelding staat, maar ook welke actie of toestand de hond uitdrukt, wat vaak de belangrijkste informatie is om de content te begrijpen.

Belangrijkste kenmerken van effectieve alt-tekst

Effectieve alt-tekst bezit verschillende essentiële kenmerken die het werkelijk waardevol maken voor toegankelijkheid en SEO-doeleinden. Allereerst is goede alt-tekst beknopt en specifiek, meestal variërend van één tot twee zinnen. Het doel is niet om een lang verhaal te schrijven over elk detail van een afbeelding, maar om de kerninformatie vast te leggen die uitlegt waarom de afbeelding in je content is opgenomen. Dit betekent dat je moet nadenken over de context waarin de afbeelding verschijnt en welke informatie het meest relevant is voor de omringende tekst.

Een ander belangrijk kenmerk is dat goede alt-tekst herhaling vermijdt. Als het bijschrift van de afbeelding of de omliggende tekst de afbeelding al beschrijft, moet je alt-tekst die informatie niet dupliceren. In plaats daarvan moet het bestaande content aanvullen door extra context te bieden die schermlezergebruikers nodig hebben om het doel van de afbeelding volledig te begrijpen. Daarnaast moet goede alt-tekst geen zinnen bevatten als “afbeelding van” of “foto van”, omdat schermlezers automatisch aangeven dat er een afbeelding is. Je moet echter wel aangeven als het om een logo, illustratie, schilderij, cartoon of diagram gaat, want deze nuances geven belangrijke context.

Best practices voor alt-tekst per type afbeelding

Verschillende soorten afbeeldingen vragen om een andere aanpak bij het schrijven van alt-tekst. Voor foto’s moet je letten op specifieke elementen in de afbeelding, zoals namen, eigennamen, locaties of werkwoorden. Denk na over waarom je die specifieke afbeelding hebt gekozen en welke boodschap je wilt overbrengen aan je publiek. Schrijf in plaats van “Groep mensen” bijvoorbeeld “Groep jonge studenten lacht en loopt over een met bomen omzoomd pad.” Dat geeft schermlezergebruikers veel meer betekenisvolle informatie.

Voor iconen en logo’s is de aanpak heel anders. Logo’s zijn nooit decoratief en vereisen altijd alt-tekst. Beschrijf alle belangrijke symbolen of grafische elementen en neem eventuele tekst in het logo letterlijk over. Voor actie-iconen moet de alt-tekst de bedoelde actie beschrijven, zoals “Syllabus PDF downloaden” of “Zoeken”. Als een icoon als link naar een andere pagina dient, moet de alt-tekst beschrijven wat er gebeurt als je op het icoon klikt, zoals “Bezoek de Instagram van de Harvard Library”.

Illustraties en creatieve graphics vereisen dat je je richt op de bedoeling van de afbeelding in plaats van op specifieke details. Als er tekst in de illustratie staat, bijvoorbeeld in een cartoon of screenshot van een applicatie, beschrijf dan zowel de relevante visuele elementen als de relevante tekst. Een cartoon kan bijvoorbeeld de volgende alt-tekst hebben: “Cartoon van een zakenman achter een bureau die een sollicitant in pak interviewt met warrig haar en een lange witte baard. Onder de afbeelding staat: ‘Meneer Crusoe, ik maak me zorgen over die 20 jaar gat in uw cv.’”

Diagrammen, grafieken en tabellen vereisen speciale aandacht omdat ze vaak complexe data bevatten. Begin bij deze afbeeldingen je alt-tekst met termen als “Taartdiagram” of “Staafdiagram” om het type visualisatie aan te geven. Beschrijf vervolgens belangrijke datatrends, relaties en andere onderdelen van de afbeelding die worden benadrukt. Als de afbeelding erg gedetailleerd is en een langere beschrijving nodig heeft, geef dan een korte beschrijving in de alt-tekst en plaats onder de afbeelding een link naar de datatabel of een langere beschrijving van de grafiek. Bijvoorbeeld: “Staafdiagram van evenementenverkoop van maandag tot en met vrijdag met een lichte daling van maandag tot woensdag, gevolgd door een sterke stijging naar een piek op vrijdag.”

Veelgemaakte fouten om te vermijden

Veel contentmakers maken voorspelbare fouten bij het schrijven van alt-tekst die de effectiviteit ervan aanzienlijk verminderen. Een van de meest voorkomende fouten is het schrijven van alt-tekst die te kort is en de relevante inhoud van de afbeelding niet beschrijft. Hoewel beknoptheid belangrijk is, moet de alt-tekst nog steeds de essentiële informatie overbrengen die de afbeelding in context betekenisvol maakt. Een andere veelvoorkomende fout is het schrijven van alt-tekst die te lang is en onnodige informatie beschrijft, zoals irrelevante details over kleding of uiterlijk van mensen, tenzij die details direct relevant zijn voor de content.

Een cruciale fout is het schrijven van tekst die alleen het uiterlijk van de afbeelding beschrijft, maar niet de relevante inhoud. Als je bijvoorbeeld een afbeelding hebt van een hellingbaan voor rolstoelgebruikers, moet je niet schrijven: “Een metalen hellingbaan met op de achtergrond een rolstoelgebruiker.” Maar juist: “Rolstoelgebruiker gaat een metalen hellingbaan op die is ontworpen voor toegankelijkheid.” Zo focus je op het doel en de betekenis, niet alleen op het uiterlijk. Daarnaast maken veel makers de fout door informatie uit de hoofdtekst te herhalen in de alt-tekst, waardoor schermlezergebruikers geen extra waarde krijgen.

Een andere grote fout is het gebruiken van computergegenereerde of AI-gegeneerde alt-tekst zonder controle. Deze automatische beschrijvingen geven vaak niet het werkelijke doel van de afbeelding weer. Een AI kan bijvoorbeeld een screenshot van een formulier omschrijven als “Screenshot van een telefoonscherm”, wat niet behulpzaam is. Tot slot vergeten sommige makers de alt-tekst te vertalen bij het vertalen van content naar andere talen, of gebruiken ze de bestandsnaam of het pad van de afbeelding in plaats van een correcte beschrijving, wat geen betekenisvolle informatie biedt voor gebruikers.

Context is belangrijk: pas alt-tekst aan op het gebruik

Dezelfde afbeelding kan verschillende alt-tekst vereisen, afhankelijk van hoe en waar deze wordt gebruikt. Dit principe van contextuele alt-tekst is essentieel voor echt toegankelijke content. Neem een afbeelding van Hollis Hall op Harvard University. Als deze afbeelding wordt gebruikt in een artikel met de titel “De lente is hier!” waarin studenten worden getoond die genieten van het mooie weer en de terugkeer van Luxembourg-stoelen naar Harvard Yard, dan is de alt-tekst: “Studenten relaxen en werken in felgekleurde Luxembourg-stoelen in Harvard Yard.” Wordt dezelfde afbeelding echter gebruikt in een artikel met de titel “Beroemde bewoners van Hollis Hall”, dat ingaat op de ligging van Hollis Hall ten opzichte van gemeenschappelijke ruimtes, dan is de alt-tekst: “Hollis Hall, een rood bakstenen gebouw, ligt direct naast de open grasruimte van Harvard Yard.”

Dit toont aan dat effectieve alt-tekst schrijven vereist dat je de omringende content en het specifieke doel begrijpt dat de afbeelding dient binnen die context. Stel jezelf bij het schrijven van alt-tekst altijd de vraag: “Welke informatie biedt deze afbeelding die relevant is voor het artikel of de pagina waarop hij staat?” Het antwoord op deze vraag moet je alt-tekst sturen, niet een generieke beschrijving van wat de afbeelding toont. Deze contextuele aanpak zorgt ervoor dat je alt-tekst maximale waarde biedt voor schermlezergebruikers en tegelijkertijd de relevantie van je content voor zoekmachines verhoogt.

Extra voordelen naast toegankelijkheid

Hoewel alt-tekst in de eerste plaats bedoeld is om visuele content toegankelijk te maken voor mensen met een visuele beperking, biedt het tal van extra voordelen die het waardevol maken voor alle gebruikers en voor de algehele prestaties van je website. Alt-tekst wordt geïndexeerd door zoekmachines en kan je online aanwezigheid en zoekmachineoptimalisatie aanzienlijk verbeteren. Zoekmachines gebruiken alt-tekst om de inhoud en context van afbeeldingen te begrijpen, waardoor ze je pagina’s effectiever kunnen indexeren en je ranking op relevante zoekopdrachten kan verbeteren.

Alt-tekst wordt getoond als een afbeelding niet laadt, bijvoorbeeld wanneer gebruikers een trage internetverbinding hebben of wanneer afbeeldingen door browserinstellingen worden geblokkeerd. In deze situaties zorgt de alt-tekst ervoor dat gebruikers toch begrijpen welke informatie de afbeelding moest overbrengen. Daarnaast maakt alt-tekst content toegankelijk voor gebruikers die moeite hebben om de betekenis van visuele content te begrijpen, en maakt het visuele content bruikbaar voor technische toepassingen zoals digitale assistenten en kunstmatige intelligentie. In 2025, nu AI en machine learning zich verder ontwikkelen, wordt goed geschreven alt-tekst nog belangrijker om deze systemen te helpen je content correct te begrijpen en te verwerken.