"Welke bestandsnaam zou je willen dat een schermlezer 40 keer per dag hardop voorleest in je oor?" Het is een enigszins absurde vraag, maar het is precies wat er gebeurt als er een betekenisvolle afbeelding achterblijft met alt="image1.jpg" of, erger nog, helemaal geen alt-tekst. Dit artikel is een praktische gids voor het schrijven van alt-tekst die daadwerkelijk helpt – niet alleen aanwezig, maar ook goed.
In het kort: wat deze gids behandelt
Waarom slechte alternatieve tekst bijna net zo slecht is als ontbrekende alternatieve tekst
Onder WCAG 1.1.1 moet alle niet-tekstuele inhoud een tekstalternatief hebben, maar de formele vereiste is slechts de helft van het verhaal. "image1.jpg", "image" of "logo" voldoen technisch gezien aan de vereiste (er is een alt-attribuut), maar ze geven geen echte informatie weer. Een schermlezergebruiker die een reeks "image... image... image23.png" hoort, is niet minder gefrustreerd dan een ziende gebruiker die naar een reeks lege frames kijkt.
Hoe u een goede alternatieve tekst schrijft
De leidende regel: beschrijf de boodschap van de afbeelding in de context waarin deze verschijnt, niet een letterlijke beschrijving van wat je ziet. Een foto van mensen rond een tafel tijdens een teamvergadering, bij een artikel over samenwerking, zou de tekst 'Team dat samen rond een tafel werkt' kunnen krijgen, en niet 'Foto van mensen'. Voor een diagram of grafiek beschrijf je de conclusie die uit het diagram naar voren komt: 'Staafdiagram dat een omzetstijging van 40% laat zien in het derde kwartaal' is aanzienlijk beter dan 'Staafdiagram'.
- Kort en doelgericht — meestal zijn 1 à 2 zinnen voldoende; het is niet nodig om elk visueel detail te beschrijven.
- Sla "afbeelding van" of "afbeelding van" over; de schermlezer kondigt al aan dat het een afbeelding is, dus u hoeft deze niet te herhalen.
- Denk aan de omringende tekst: dezelfde afbeelding kan in verschillende contexten verschillende alternatieve tekst krijgen.
Wanneer moet u alternatieve tekst opzettelijk leeg laten?
Niet elke afbeelding heeft een beschrijving nodig. Puur decoratieve afbeeldingen – grafische scheidingslijnen, achtergrondillustraties, pictogrammen die alleen maar nabijgelegen tekst herhalen – kunnen het beste worden gelabeld metalt=""(lege alt-tekst, ontbreekt niet), zodat de schermlezer deze volledig overslaat. Het verschil tussen "ontbrekend" en "opzettelijk leeg" is van cruciaal belang: ontbrekend klinkt als een fout of leest de bestandsnaam voor; opzettelijk leeg springt er gewoon stilletjes overheen.
💡 Praktische tip
Een snelle test: als je de afbeelding volledig van de pagina zou verwijderen, zou een gebruiker die deze niet kan zien dan iets missen? Zo niet, dan is het waarschijnlijk decoratief en geschikt voor een leeg alt.
Wat te doen met complexe diagrammen en diagrammen
Voor een complex gegevensdiagram, een geïllustreerde vergelijkingstabel of een infographic met verschillende informatielagen is een korte alt-tekst niet voldoende; er is te veel informatie om over te brengen. De oplossing: korte alt-tekst die het algemene onderwerp beschrijft, daarnaast (in de gewone tekst rond de afbeelding, niet alleen in het alt-attribuut) een meer gedetailleerde beschrijving van de belangrijke gegevens, of een gelijkwaardige gegevenstabel waar een schermlezer doorheen kan navigeren.
Weet u niet zeker welke alternatieve tekst ontbreekt of problematisch is op uw site?
Onze tool vindt afbeeldingen zonder alt-tekst in elk document op uw site en markeert ze op prioriteit.
Maak uw documenten gratis toegankelijk ←