[ Home ]

Alternatieve tekst aan je afbeeldingen toevoegen

Wat betekent dat?

Alternatieve tekst (ook bekend als "alt-tekst") is een korte geschreven beschrijving van je afbeelding. Het is er om gezien te worden als de afbeelding niet wordt weergegeven, of om voorgelezen te worden door een schermlezer.

Met dit alternatief kan iedereen toegang krijgen tot de informatie in je afbeelding en de bruikbaarheid ervan begrijpen.

Waarom?

Het aanbieden van alternatieve teksten is om verschillende redenen cruciaal :

  • Dit maakt je inhoud toegankelijk voor iedereen, vooral voor slechtzienden. Als je afbeeldingen belangrijke informatie leveren, moet deze toegankelijk zijn via een ander medium. Stel je voor dat sommige mensen de afbeelding niet voor zich hebben omdat ze met hun stem navigeren, tekst-naar-spraak tools gebruiken of de afbeeldingen helemaal niet weergeven. Dankzij de alt-tekst missen ze geen essentiële informatie.
  • Het is ook super handig als de afbeeldingen op je site niet goed laden, bijvoorbeeld door een trage internetverbinding of een blokkade. Uw site is nog steeds gemakkelijk te begrijpen, zelfs zonder de afbeeldingen.
  • En als extra bonus is het geweldig voor je zoekmachineoptimalisatie (SEO) ! Google kan de alternatieve tekst in je afbeeldingen "lezen", waardoor het je inhoud beter begrijpt en er dus beter naar kan verwijzen.

Hoe pak ik het aan?

Het idee is niet om de afbeelding tot in het kleinste detail te beschrijven, maar eerder om de belangrijkste boodschap of het nut ervan in de context van je pagina over te brengen.

Je kunt de inhoud of essentiële boodschap van de afbeelding direct in de zichtbare tekst zetten, vlak ernaast. Als de informatie te lang is om beknopt te zijn, kun je deze op een aparte pagina plaatsen en ernaar linken vanuit een afbeelding of tekst in de buurt.

En als je wilt dat de alternatieve tekst alleen verschijnt als de afbeelding niet wordt geladen, gebruik dan het alt-attribuut in de tag img. Houd je alt kort (idealiter 125 tekens). En voor decoratieve afbeeldingen laat je het attribuut leeg.

Tips

N°1.

Biedt geen alternatieve tekst als de afbeelding puur decoratief is. Tekst plaatsen bij een afbeelding die geen informatie geeft, kan het tegenovergestelde effect hebben en het moeilijk maken om de echte informatie te lezen.

N°2.

Als je een CMS gebruikt (zoals WordPress, Wix, enz.), is het heel eenvoudig! De meeste bieden een "alternatieve tekst" of "alt beschrijving" veld direct wanneer je een afbeelding toevoegt. Aarzel niet om hun documentatie te raadplegen om te zien hoe ze werken.
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors