Alt-tekst checker: controleer de alternatieve teksten op je website

Een alt-tekst (alternatieve tekst) is een tekstbeschrijving van een afbeelding. Schermlezers lezen deze tekst voor aan gebruikers die de afbeelding niet kunnen zien. De alt-tekst staat in het alt-attribuut van het HTML <img>-element.

Decoratieve afbeeldingen — sfeerbeelden, scheidingslijnen, achtergrondpatronen — krijgen een lege alt-tekst (alt=""). Dit vertelt de schermlezer: sla deze afbeelding over. Gebruik onze alt-tekst keuzehulp om te bepalen welk type alt-tekst je nodig hebt.

Nee. Deze tool controleert alleen of alt-teksten aanwezig zijn — niet of ze inhoudelijk goed zijn. Een alt-tekst van "foto" is technisch aanwezig, maar niet bruikbaar. Een auditor beoordeelt of de alt-tekst de juiste informatie overbrengt voor de context.

Dat hangt af van het type afbeelding. Bij een productfoto beschrijf je het product. Bij een functionele afbeelding (link/knop) beschrijf je de actie. Bij een complexe afbeelding (grafiek) geef je een korte samenvatting plus een uitgebreide beschrijving. Lees de volledige uitleg in onze alt-tekst keuzehulp.

De alt-tekst checker analyseert alle afbeeldingen op een pagina:

• IMG-elementen — de standaard HTML-afbeeldingen
• SVG's — vectorafbeeldingen die steeds vaker worden gebruikt voor iconen en illustraties

Achtergrondafbeeldingen worden niet gedetecteerd — die zijn via CSS toegevoegd en zijn sowieso onzichtbaar voor schermlezers.

Per afbeelding zie je welke informatie een schermlezer ontvangt: de alt-tekst, de rol (image, decoratief, link) en eventuele ARIA-attributen.

• Na het publiceren van nieuwe content — controleer of alle afbeeldingen alt-teksten hebben
• Bij een website-migratie — check of alt-teksten behouden zijn gebleven
• Als voorbereiding op een audit — los de ergste problemen alvast zelf op
• Bij het overnemen van een website — krijg snel inzicht in de staat van de alt-teksten