Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom heeft elke afbeelding op de website een alternatieve tekst nodig?
Elke afbeelding heeft een alternatieve tekst nodig, omdat blinde mensen en zoekmachines de afbeeldingsinhoud alleen via deze tekst kunnen vatten. Een voorleesprogramma leest de alternatieve tekst hardop voor, Google toont afbeeldingen met goed alternatieve tekst in de beeldzoeking. Ontbreekt de tekst, hoort een blinde bezoeker alleen de bestandsnaam — bijvoorbeeld „DSC_0042.jpg” — en begrijpt niets.
Alternatieve tekst: de woordbeschrijving van een afbeelding
De alternatieve tekst is een korte zin die in de broncode van de pagina aan de afbeelding hangt. Bezoekers met gezonde ogen zien deze nooit. Een blinde bezoeker laat de pagina door een voorleesprogramma voorlezen — en op de plaats van de afbeelding leest het programma precies deze tekst voor. Een voorbeeld: Jouw teampagina toont een foto van de directeur. Met de alternatieve tekst „Portret van Maria Huber, directeur” weet de bezoeker wie hij voor zich heeft. Zonder tekst blijft er slechts een gat. Google leest deze tekst ook en begrijpt zo wat op de afbeelding te zien is — dit helpt jouw zichtbaarheid in de beeldzoeking.
Zo controleert onze meetkern de alternatieve teksten
De automatische controle opent jouw pagina in een echte browser en onderzoekt met het controleapparaat axe-core elke afbeelding. Bovendien telt onze eigen controlestap alle afbeeldingen waarvan het alt-kenmerk volledig ontbreekt — elk daarvan is een vastgesteld inbreuk, die het rapport met bestandsnaam aantoont. Een bewust leeg alternatieve tekst is daarentegen correct: Zo merk je pure versieringsafbeeldingen aan, die het voorleesprogramma zou moeten overslaan. Of een aanwezige tekst ook inhoudelijk past, kan geen machine bepalen — daarom bevestigt de automatisering hier nooit overhaast een „voltooid”. Bij goudstandaard bekijkt een persoon de afbeeldingen en hun teksten en velt het oordeel.
Goede alternatieve teksten schrijven
Een goed alternatief beschrijft wat op de afbeelding te zien is en waarvoor het op deze pagina dient — in één zin, zonder de frase „Afbeelding van”. Voor een productfoto: „Zwarte kantoolfauteuil met armleuningen, zijkant”. Voor een gekoppeld logo telt de bestemming van de koppeling: „Naar startpagina”. Zuiver decoratieve afbeeldingen — scheidingslijnen, achtergrondpatronen — krijgen een leeg alternatief, zodat het voorleesprogramma ze stilletjes overslaat. Bestandsnamen, trefwoordenlijsten of advertentieteksten horen nooit in de alternatieve tekst: De bezoeker hoort elke letter en verliest tijd.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Controleer je belangrijkste pagina's: heeft elke afbeelding een alternatieve tekst die de inhoud in één zin beschrijft?
- Vraag je bureau afbeeldingen zonder alt-kenmerk op te lijsten en bij te werken.
- Markeer versieringsafbeeldingen met een lege alternatieve tekst, zodat voorleesprogramma's deze overslaan.
- Leg in jouw redactie vast: Geen afbeelding gaat zonder alternatieve tekst online.
- Lees jouw alternatieve teksten hardop voor — begrijp je de pagina ook zonder de afbeeldingen, dan zijn de teksten goed.