De alt-tekst (alternatieve tekst) is het tekstuele alternatief van een afbeelding voor gebruikers die de afbeelding (om welke reden dan ook) niet kunnen bekijken. In dit artikel lees je hoe je een atl-tekst kunt toevoegen aan een afbeeldingen.
Waarom zou ik een alt-tekst toevoegen aan een afbeelding?
Een goede alt-tekst verbetert de gebruikservaring van bepaalde gebruikers en kan bijdragen aan je SEO (search engine optimisation). Voor een goede alt-tekst is het belangrijk om je dus vooral te richten op de toegankelijk van je website voor de bezoekers, maar ook zoekwoord te noemen om je SEO te verbeteren. Hoe beter je SEO, hoe hoger je website scoort bij zoekmachines. En dat zorgt er weer voor dat je beter vindbaar bent en bezoekers sneller op jouw website terecht komen. Maar vergeet niet dat je een website maakt voor mensen, niet voor Google.
Enkele voorbeelden van voor wie/wat een alt-tekst belangrijk is:
- Gebruikers met een visuele beperking (waarbij de website als het ware wordt voorgelezen door speciale programma's) krijgen door de ALT-tekst alsnog informatie over de gebruikte afbeeldingen
- Gebruikers met een trage internetverbinding (bijvoorbeeld mobiele gebruikers) waarbij afbeeldingen langzaam of niet laden, zien de ALT-tekst totdat de afbeelding is ingeladen
- Zoekmachines, die feitelijk doof, blind en motorisch beperkt zijn, gebruiken de ALT-tekst voor indexering van afbeeldingen
Een goede alt-tekst schrijven
Het doel van een goede alt-tekst geeft informatie over wat er te zien is op de tekst. Heeft de alt-tekst ook daadwerkelijk meerwaarde als deze wordt voorgelezen? Door het gebruik van relevante afbeeldingen voor je tekst, wordt het makkelijker een goede alt-tekst te schrijven. Daarnaast kun je het gebruiken om een zoekwoord op te nemen, en zo aan je SEO te denken.
Slechte voorbeelden:
- Een logo op je website als alt-tekst 'logo bedrijf x' meegeven. Deze alt-tekst is niet beschrijvend en voegt niets toe als het wordt voorgelezen
- Een alt-tekst waarbij de (nietszeggende) naam van de afbeelding wordt voorgelezen, bijv. img90145456.jpg . Naast dat deze alt-tekst niet beschrijvend is, worden ook alle cijfers voorgelezen.
- 'Op de afbeeldingen zie je drie leeuwen, waarvan één leeuw naar links kijkt en zijn poot aflikt, de andere kijkt naar rechts en ligt op de grond en de middelste is nog een klein welpje dat zijn ogen nog dicht heeft omdat het zo klein is'. Deze tekst is té beschrijvend. Maak de alt-tekst niet langer dan nodig is.
Goede voorbeelden:
- 'Twee leeuwen die jouw hulp nodig hebben', bij een donatiepagina op de website van van Zoo Lion, een fictieve organisatie die opkomt voor de verblijven van leeuwen in gevangenschap
- 'Notitieboekje om aantekening te maken tijdens het congres', op een pagina met informatie over een congres
Tip: bedenk tijdens het schrijven van een alt-tekst hoe je de afbeelding in één zin zou beschrijven aan iemand die de afbeelding niet ziet
Hoe voeg ik een ALT-tekst toe aan een afbeelding?
Bij het invoegen van een afbeelding in een standaard artikel, vul je onder het tabblad 'Eigenschappen' het veld 'Alt-tekst in'. Hiermee verschijnt de ALT-tekst bij de afbeelding.
