Een alt-tag is de geschreven beschrijving bij een afbeelding op een webpagina, die schermlezers gebruiken om de afbeelding hardop te beschrijven en zoekmachines om te begrijpen wat erop staat. In code is het het alt-attribuut op een afbeeldingselement in HTML, en daarom noemen mensen het ook alt-tekst.
Stel je voor dat je iemand telefonisch een boek voorleest. Kom je bij een foto, dan moet je die beschrijven, want de ander ziet de pagina niet. Dat is precies de taak van de alt-tag voor een bezoeker met een schermlezer: “Twee engineers bekijken code op een laptop” vertelt hem wat een ziende gebruiker in één oogopslag ziet. Dit is een kernonderdeel van webtoegankelijkheid en werkt samen met ARIA-attributen om een site voor iedereen bruikbaar te maken. Het werkt ook als terugval en toont de tekst als een afbeelding niet laadt.
Goede alt-tekst is specifiek zonder een roman te worden. “Rode trailrunningschoen, zijaanzicht” verslaat zowel een kaal “schoen” als een zin volgepropt met elk zoekwoord dat je kunt bedenken. Bij een knop die uit een afbeelding bestaat, beschrijf je de actie (“Zoeken”), niet het plaatje, want dat is wat de persoon echt moet doen.
Er zit ook een duidelijk SEO-voordeel aan. Google kan een plaatje niet zien, dus de alt-tekst is hoe het leert wat de afbeelding bevat, wat helpt om op te duiken in afbeeldingenzoeken en betekenis toevoegt aan de omringende content. Doe je het verkeerd, dan faal je dubbel: een schermlezergebruiker hoort ruis, en een zoekmachine leert niets nuttigs over de pagina.
Bij TopDevs schrijven we accurate, bruikbare alt-tekst bij elke betekenisvolle afbeelding, zodat de site van een klant toegankelijk is voor alle bezoekers en tegelijk duidelijker voor zoekmachines.
