Hoe schrijf je afbeeldingsbeschrijvingen die de pagina begrijpelijk maken?

Begin met de taak van de afbeelding

Vraag eerst waarom de afbeelding op de pagina staat. Identificeert zij een persoon, toont zij een product, legt zij een proces uit, levert zij bewijs, communiceert zij een resultaat of werkt zij als link? Het antwoord bepaalt de beschrijving. Een goede alttekst vertelt de rol op de pagina, niet alles wat een camera zag.

Een dienstenpagina toont bijvoorbeeld een badkamerrenovatie. Ondersteunt de foto de claim dat het bedrijf drempelvrije badkamers maakt, dan kan de beschrijving de drempelloze inloopdouche en de beugels noemen. Is het alleen een sfeerfoto naast dezelfde uitleg, dan staat de nuttige inhoud misschien al in de tekst en kan de afbeelding decoratief zijn.

Lees kop en omliggende tekst eerst. De beschrijving moet ontbrekende informatie geven en niet letterlijk het bijschrift herhalen. Context verandert de betekenis: dezelfde foto kan in een klantverhaal, op een productpagina of in een teambiografie een andere beschrijving nodig hebben.

Bepaal of een beeld decoratief is

Decoratieve beelden geven sfeer, ruimte of visuele interesse maar geen informatie die nodig is om de pagina te begrijpen of te gebruiken. Denk aan achtergrondstructuur, scheidingslijn, herhaald patroon of stockfoto zonder nieuwe betekenis. Voor zulke beelden is een lege alttekst vaak passend, zodat hulptechnologie ze kan overslaan.

Noem iets niet decoratief alleen omdat schrijven lastig is. Als verwijderen een claim, instructie, productkeuze of link minder begrijpelijk maakt, heeft het betekenis. Beschrijf die bijdrage of zet de informatie elders in toegankelijke tekst.

Let op herhaalde iconen. Een icoon naast zichtbaar label kan decoratief zijn. Is het de enige aanwijzing voor zoeken, downloaden, waarschuwing of status, geef het dan een toegankelijke naam. Een symbool is niet vanzelf duidelijk.

Beschrijf informatieve beelden kort

Een informatieve foto heeft meestal een korte, specifieke beschrijving nodig. Noem onderwerp, handeling en relevante context. “Een persoon” is vaag; “Een monteur controleert de meterkast in een gerenoveerde keuken” geeft meer betekenis. Noem niet ieder object of iedere kleur als die niet relevant is.

Begin liever niet met “afbeelding van” of “foto van” als technologie al meldt dat het een afbeelding is. Vermijd meningen als “mooi” of “professioneel”, tenzij dat precies de boodschap is. Gebruik de taal van de pagina en noem een persoon alleen wanneer identiteit relevant en passend is.

Laat de beschrijving aansluiten bij de claim. Is het beeld bewijs van een project, leg uit wat zichtbaar wordt. Is het een portret, noem naam en rol als dat helpt. Is het een product, benoem model of variant die iemand moet kiezen.

Behandel tekst, grafieken en complexe beelden

Tekst in een afbeelding kan ontoegankelijk zijn voor wie het beeld niet kan zien of vergroten. Zet belangrijke woorden ook in HTML, bijschrift of ander toegankelijk element. De alttekst mag naar het doel verwijzen, maar een instructie of aanbieding mag niet alleen in het beeld bestaan.

Grafieken en schema’s hebben meer nodig dan een visueel label. Geef een kort alternatief met de belangrijkste conclusie en bied de onderliggende data of een langere uitleg in de buurt. “Omzet per kwartaal” zegt niet of omzet steeg, daalde of gelijk bleef.

Kaarten, processen en infographics hebben eveneens een toegankelijke route nodig naar dezelfde beslissing. De alttekst hoeft niet iedere pixel te beschrijven, maar wel relatie, richting, optie of resultaat begrijpelijk te maken.

Beschrijf gelinkte en functionele beelden

Is een beeld een link of knop, beschrijf dan actie of bestemming en niet uiterlijk. Een logo naar home kan “ChatBuild homepage” heten. Een vergrootglas als bediening wordt “Zoeken”. Een productthumbnail naar details noemt product en bestemming.

Voorkom dubbele meldingen. Staat een gelinkt beeld naast een tekstlink naar dezelfde plek, maak het beeld vaak decoratief of combineer de twee tot één link. Twee keer dezelfde titel bezorgt gebruikers van een schermlezer extra werk.

Controleer statussen en wijzigingen. Geeft een icoon aan dat iets niet beschikbaar, geselecteerd, uitgeklapt of beveiligd is, dan moet de toegankelijke naam of de omliggende tekst die status melden. Een beschrijving die “kalender” blijft nadat de knop “kalender sluiten” is geworden, is misleidend.

Maak een vaste reviewroutine

Maak altteksten onderdeel van publiceren en niet een SEO-taak op het laatste moment. Vraag bij review wat ieder beeld toevoegt, of het doel veranderde en of de alttekst de tekst ernaast herhaalt. Houd decoratieve beelden stil, informatieve beelden kort en complexe beelden ondersteund met data of uitleg.

Stop geen zoekwoorden in iedere beschrijving. Een zinsdeel in elke afbeelding herhalen verbetert de vindbaarheid niet, en tekst vol zoekwoorden maakt pagina’s vermoeiend voor gebruikers van hulptechnologie. Gebruik een term alleen als die natuurlijk het onderwerp, product of doel benoemt.

Controleer oude pagina’s na redesign, productwissel en campagnes. Een beschrijving voor een eerder beeld kan onjuist worden als de uitsnede, het onderwerp of de boodschap van de pagina verandert.

Bronnen

• Images Concepts · W3C
• Decorative Images · W3C
• Image best practices · Google Search Central

Veelgestelde vragen

Wat moet alttekst beschrijven?

De informatie, het onderwerp of de functie die de afbeelding aan de pagina toevoegt. Richt je op begrijpen en handelen, niet op elk visueel detail.

Wanneer krijgt een afbeelding lege alttekst?

Als het beeld echt decoratief is en geen informatie of functie toevoegt. Hulptechnologie kan het dan overslaan zonder dat er betekenis verloren gaat.

Moeten zoekwoorden in altteksten staan?

Alleen als ze natuurlijk het onderwerp, product of doel beschrijven. Herhaal geen zoekwoorden voor SEO; dat maakt beschrijvingen minder nuttig.

Hoe beschrijf je een grafiek?

Noem kort de belangrijkste conclusie en bied de onderliggende data of een langere uitleg in toegankelijke tekst in de buurt.