Toegankelijke afbeeldingen en SEO: alt in context kiezen

In het kort

Een tekstalternatief geeft nuttige informatie of een actie weer. Hetzelfde beeld kan per rol andere tekst of een leeg alt nodig hebben.

Leeg inlichtingenarchief met dossiers en kaarten Illustratie · fictieve scène
In dit artikel

Eerst de rol bepalen

Context is belangrijker dan elk detail beschrijven. Leeg alt is niet hetzelfde als een ontbrekend attribuut. Maak grafiekgegevens en verbanden ook als tekst of tabel beschikbaar.

RolAlternatiefAanvulling
Overbodige decoratiealt=""Nabije tekst is voldoende.
Eenvoudige informatieKorte beschrijving in contextGeen ongerelateerde zoekwoorden.
Link met alleen afbeeldingBestemming of actieBegrijpelijke linknaam.
Complexe grafiekOnderwerp en hoofdboodschapGegevens en verbanden in tekst.

Werkelijk gebruik controleren

  • Benoem bij een link met alleen een afbeelding het doel of de actie. Herhaal geen linktekst die al voldoende is.
  • Zet essentiële instructies niet alleen in title: toegang via toetsenbord, aanraking en hulptechnologie is onbetrouwbaar.
  • Test talen en gebruik zonder afbeeldingen. Optimaliseer afmetingen en laden zonder het hoofdbeeld automatisch uit te stellen.

Vindbaarheid en rechten verbinden

Bestandsnaam of markering garandeert geen indexering of positie. Vermeld pas na rechtencontrole een licentie en behoud verplichte credits. Benoem synthetische illustraties zonder ze als documentair bewijs te presenteren.

Primaire bronnen

Alternatieve tekst is afhankelijk van het gebruik van de afbeelding.

Beschrijvende alt-tekst is niet automatisch de juiste keuze. Overbodige decoratie kan een lege alt-tekst hebben; een gekoppelde afbeelding moet de bestemming ervan duidelijk maken; een complexe grafiek heeft ook een gedetailleerde beschrijving nodig. Bekijk de afbeelding in de context van de pagina.

  • Classificeer decoratie, informatie en functie voordat u begint met schrijven.
  • Plaats relaties tussen diagrammen in de nabijgelegen tekst of een tabel.
  • Vermijd trefwoordenlijsten en het beschrijven van fictieve scènes als echt bewijsmateriaal.

Primaire bron: W3C WAI — An alt Decision Tree. Verwante methode: lees de praktische gids.