Wat is alt-tekst en waarom heb je het nodig?
Alt-tekst is de korte beschrijving die bij een afbeelding hoort. Hij staat in de code en niet op je pagina, dus een gewone bezoeker ziet hem nooit.
Wie hem wel gebruikt: iemand die je site laat voorlezen, en zoekmachines die willen weten wat er op je beeld staat.
Het is een van de weinige dingen die je in twee minuten regelt en die zowel je bereik als je vindbaarheid raakt.
Waar hij staat
In het alt-attribuut van je afbeelding. In WordPress vul je dat in bij de afbeelding zelf, in de mediabibliotheek.
Het is dus geen bijschrift en geen bestandsnaam, maar een apart veld. Meer over waar je dat invult lees je bij hoe vul je alt-tekst in bij WordPress.
Wanneer hij zichtbaar wordt
Als de afbeelding niet laadt. Dan toont de browser de alt-tekst op de plek waar het beeld had moeten staan.
Dat gebeurt vaker dan je denkt: bij een trage verbinding, een verwijderd bestand of een blokkade. Op zo’n moment is je alt-tekst het enige dat er staat.
Waarom je hem nodig hebt
Voor mensen die je site laten voorlezen is een afbeelding zonder alt-tekst een gat in het verhaal. De schermlezer meldt dan alleen afbeelding, of leest de bestandsnaam op.
Daarnaast is het voor zoekmachines de enige manier om te weten wat er op je foto staat. Meer daarover lees je bij screenreader.
Mijn vuistregels
- Elke inhoudelijke afbeelding krijgt er een; decoratie laat je leeg.
- Beschrijf wat er te zien is en waarom het beeld er staat.
- Houd het onder de honderdvijfentwintig tekens.
- Vul hem in bij het uploaden, niet ooit later.
Die laatste scheelt het meest. Achteraf honderden afbeeldingen nalopen is een klus waar niemand ooit aan begint.
Wanneer hij leeg mag blijven
Bij zuivere decoratie: een lijntje, een achtergrondvorm, een pictogram naast tekst die hetzelfde al zegt.
Laat het veld dan bewust leeg in plaats van er iets in te zetten. Een schermlezer slaat een lege alt-tekst netjes over; bij een gevulde leest hij hem voor, ook als het niets toevoegt.
Het verschil met een bijschrift
Een bijschrift staat zichtbaar onder je afbeelding en is er voor iedereen. Alt-tekst is onzichtbaar en beschrijft het beeld voor wie het niet ziet.
Ze mogen dus verschillen, en dat is vaak ook logisch. Meer over wat toegankelijkheid nog meer vraagt lees je bij accessibility.