Gratis tool: Toegankelijkheid

Alt-tekstchecker voor afbeeldingen

Voer een paginaadres in om elke afbeelding erop te zien met de alt-tekst, uitgelezen in een echte browser nadat de scripts zijn uitgevoerd. Je ziet welke afbeeldingen er geen hebben, welke als decoratief zijn gemarkeerd en welke alt-tekst hebben die niets beschrijft.

Gratis. Controleert het ingevoerde adres in ongeveer 20 seconden.

Wat deze tool controleert

  • Afbeeldingen zonder alt-tekst

    Elk img-element en elke afbeeldingsknop zonder alt-attribuut en zonder andere toegankelijke naam, zoals aria-label.

  • Gelinkte afbeeldingen die een link zonder naam opleveren

    Logo’s en iconen in links of knoppen die geen alt-tekst en geen andere tekst hebben, zodat een schermlezer alleen “link” kan melden.

  • Alt-tekst die eruitziet als een bestandsnaam

    Waarden zoals IMG_2041.jpg, DSC0042 of een lange reeks cijfers, die veel systemen bij het uploaden automatisch invullen.

  • Algemene woorden

    Alt-tekst die alleen “afbeelding”, “foto”, “logo” of “banner” is, vertelt niemand wat de afbeelding toont.

  • Overbodige en herhaalde tekst

    Beschrijvingen die beginnen met “afbeelding van”, de linktekst ernaast herhalen of bij drie of meer verschillende afbeeldingen worden gebruikt.

  • Decoratieve en verborgen afbeeldingen

    Afbeeldingen met alt="" of role="presentation", en afbeeldingen die met aria-hidden of CSS zijn verborgen, worden apart vermeld, zodat je bij elke afbeelding kunt bevestigen dat ze echt decoratief is.

  • Een voorbeeld van elke afbeelding

    Een miniatuur naast de alt-tekst, zodat je elke beschrijving in seconden kunt beoordelen. Met filters zie je alleen de problemen of alleen wat je moet controleren.

Wat de tool niet kan controleren

  • Beoordelen of alt-tekst klopt. Alleen iemand die de afbeelding kan zien en weet waarom die op de pagina staat, kan dat beoordelen.
  • Afbeeldingen controleren die als CSS-achtergrond zijn ingesteld, of tekstalternatieven voor SVG- en canvasafbeeldingen. De tool toont img-elementen en afbeeldingsknoppen.
  • Afbeeldingen in frames controleren, zoals ingesloten video’s, kaarten en advertenties.
  • Meer dan 150 afbeeldingen tonen. Op heel lange pagina’s toont hij de eerste 150 en vermeldt hij hoeveel het er in totaal zijn.
  • Andere pagina’s testen. De volledige gratis scan controleert alt-tekst samen met de rest van WCAG op maximaal vijf belangrijke pagina’s.

Waarom het belangrijk is

Alt-tekst is wat een schermlezer voorleest in plaats van een afbeelding, en wat een browser toont als een afbeelding niet laadt. WCAG 2.2-succescriterium 1.1.1, op niveau A, vereist een tekstalternatief voor elke afbeelding die informatie bevat, en een leeg alternatief voor afbeeldingen die dat niet doen.

Ontbrekende alt-tekst is de op een na meest voorkomende toegankelijkheidsfout op het web: de analyse van WebAIM uit 2026 vond die op 53,1% van de homepages van de top één miljoen websites, en 16,2% van alle gecontroleerde afbeeldingen had er geen.

Zoekmachines lezen alt-tekst ook. Google zegt dat het alt-tekst samen met computervisie en de inhoud van de pagina gebruikt om afbeeldingen te begrijpen, en dat de alt-tekst van een gelinkte afbeelding werkt als de ankertekst van de link.

Zo lees je de resultaten

Geen alt-tekst
De afbeelding heeft geen alt-attribuut en geen andere naam. Afhankelijk van de software leest een schermlezer de bestandsnaam voor of slaat hij de afbeelding over.
Decoratief
alt="" of role="presentation": schermlezers slaan de afbeelding over. Juist voor decoratie; onjuist voor een afbeelding die informatie bevat of de enige inhoud van een link is.
Heeft alt-tekst
De afbeelding heeft een beschrijving. We markeren de beschrijvingen die verkeerd lijken; bij de rest moet nog steeds een mens controleren of ze kloppen.
Naam via ARIA of title
Geen alt-attribuut, maar een naam uit aria-label, aria-labelledby of title. Dit slaagt in geautomatiseerde tests; alt blijft de betrouwbaardere keuze.
Verborgen
Niet weergegeven, of met aria-hidden verborgen voor hulptechnologie. Er valt niets op te lossen, tenzij de afbeelding zichtbaar hoort te zijn.
Link zonder naam
Een link of knop waarvan de enige inhoud een afbeelding zonder tekstalternatief is. Dit is een fout, zelfs als de afbeelding zelf decoratief is.
Controleren
Alt-tekst die eruitziet als een bestandsnaam of een algemeen woord, begint met “afbeelding van”, de linktekst herhaalt, erg lang is of bij meerdere afbeeldingen wordt gebruikt.

Zo los je de meest voorkomende problemen op

  • Product- en contentfoto’s

    Beschrijf wat iemand zonder de afbeelding zou missen, in de context van de pagina. Bij een product: het artikel, de kleur en het getoonde aanzicht. Bij een foto bij een artikel: wat de foto laat zien dat de tekst niet zegt.

  • Logo’s die naar de homepage linken

    Een gelinkte afbeelding moet zeggen waar de link naartoe gaat. Gebruik voor een logo dat naar de homepage linkt de bedrijfsnaam, bijvoorbeeld alt="Acme home", in plaats van “logo”.

  • Iconen in links en knoppen

    Geef het icoon alt-tekst die de actie noemt, zoals “Zoeken” of “Winkelwagen”, of geef de link een aria-label en markeer het icoon als decoratief met alt="".

  • Decoratieve afbeeldingen

    Gebruik alt="" (een lege waarde, geen ontbrekend attribuut) voor scheidingslijnen, sierelementen op de achtergrond en afbeeldingen die tekst direct ernaast herhalen.

  • Bestandsnamen die je platform invult

    Veel platforms kopiëren bij het uploaden de bestandsnaam naar het alt-veld. Pas die aan waar de afbeelding wordt beheerd: in Shopify bij de media van het product; in WordPress in het veld Alternatieve tekst in de mediabibliotheek.

  • Grafieken en infographics

    Geef een korte alt-tekst die zegt wat de grafiek toont, en zet de gegevens of een samenvatting in de tekst of in een tabel ernaast.

Afbeeldingen zonder alt-tekst: zo los je het op in Shopify, WooCommerce en op elke site

Vragen over deze tool

Wat is alt-tekst?

Het alt-attribuut van een afbeelding bevat het tekstalternatief. Schermlezers lezen het voor, en browsers tonen het als de afbeelding niet kan worden weergegeven.

Moet elke afbeelding alt-tekst hebben?

Elk img-element moet een alt-attribuut hebben. Bij een afbeelding die informatie bevat, beschrijft het de afbeelding; bij een decoratieve afbeelding moet het leeg zijn (alt=""), zodat schermlezers de afbeelding overslaan.

Hoe lang moet alt-tekst zijn?

WCAG stelt geen limiet. Goede alt-tekst is meestal een korte woordgroep of zin. Heeft een afbeelding meer nodig, beschrijf haar dan in de paginatekst of een bijschrift en houd de alt-tekst kort. Alt-tekst van meer dan 150 tekens markeren we, zodat je er nog eens naar kijkt.

Helpt alt-tekst voor SEO?

Google zegt dat het alt-tekst, samen met computervisie en de inhoud van de pagina, gebruikt om afbeeldingen te begrijpen, en dat de alt-tekst van een gelinkte afbeelding werkt als ankertekst. Google waarschuwt ook dat alt-attributen volproppen met zoekwoorden als spam kan worden behandeld.

Is het title-attribuut hetzelfde als alt?

Nee. title verschijnt als tooltip als je er met de muis overheen gaat, wordt niet betrouwbaar voorgelezen door schermlezers en is niet beschikbaar op touchscreens. Geautomatiseerde tests accepteren het als naam als alt ontbreekt, maar alt is de betrouwbare keuze.

Kan AI mijn alt-tekst schrijven?

AI kan beschrijvingen opstellen, maar weet niet waarom de afbeelding op je pagina staat. Controleer elk concept: de juiste alt-tekst hangt af van context die alleen jij kent.

Bronnen

Gerelateerde tools

Het Toegankelijkheidsrapport ($174, eenmalig) begint bij de volledige gratis scan en voegt meer pagina’s toe, de aanpassing voor elke bevinding, een pdf en hertests om je oplossingen te controleren.

Over het Toegankelijkheidsrapport