Een van de eenvoudigste manieren om uw website toegankelijker te maken, is door een alt-attribuut in uw afbeeldingstags te gebruiken. Het is verbazingwekkend hoeveel mensen vergeten zijn om dit eenvoudige kenmerk te gebruiken. In feite, nu, als u geldige XHTML wilt schrijven, is het alt-attribuut vereist voor de img-tag. En toch doen mensen het nog steeds niet.
Het ALT-kenmerk
Het alt-attribuut is een attribuut van de img-tag en is bedoeld als een alt ernatief voor niet-visuele browsers wanneer ze afbeeldingen tegenkomen. Dit betekent dat de tekst bedoeld is om gebruikt te worden als de afbeelding niet zichtbaar is op de pagina. In plaats daarvan is wat wordt weergegeven (of gelezen) de alternatieve tekst.
Veel browsers geven ook de alt-tekst weer wanneer de klant zijn muis op de afbeelding rust. Dit betekent dat de tekst duidelijk en gemakkelijk te lezen moet zijn en geen enorme pop-upnachtmerrie moet creëren voor elke lezer die zijn muis op uw pagina legt. Alt-tekst toevoegen is eenvoudig, gebruik gewoon het alt-attribuut op je afbeelding. Hier zijn enkele tips voor het schrijven van alt-tags:
Wees kort
Sommige browsers zullen breken als de alt-tekst te lang is. En hoewel het misschien leuk lijkt om te beschrijven wat er precies in de afbeelding staat, is dat niet het doel van de alt-tag. In plaats daarvan moet het worden gevuld met precies de woorden die nodig zijn om de afbeelding in context te plaatsen en niet meer
Wees duidelijk
Wees niet zo kort dat de context verwarrend is. Onthoud dat sommige mensen ALLEEN de tekst in uw alt-tags zullen zien, dus als het te kort is, begrijpen ze misschien niet wat u hen probeert te laten zien. Bijvoorbeeld:
- Een boom: goed
- Een gewone esdoornboom: Beter
- Een 10 meter hoge plataan met voornamelijk bruine bladeren en mogelijk iets mis met zijn schors: te veel
Wees contextueel
Beschrijf de afbeelding niet als deze in de context moet worden bekeken. Bijvoorbeeld: als u een afbeelding van het bedrijfslogo hebt, moet u 'Bedrijfsnaam' en niet 'Bedrijfsnaamlogo' schrijven.
Geef de interne werking van uw site niet weer
Als u spacer-afbeeldingen invoegt, gebruikt u gewoon een spatie voor uw alt-tekst. Als u "spacer.gif" schrijft, vraagt het gewoon aandacht voor de site, in plaats van het verstrekken van nuttige informatie. En technisch gezien, als je een geldig XHTML probeert te schrijven, moet je CSS gebruiken in plaats van spacer-afbeeldingen, dus je kunt net zo goed de alt-tekst van die afbeeldingen laten staan.
Wees zoekmachine bewust
Als u een goede, beknopte, duidelijke alternatieve tekst hebt, kan dat uw zoekmachine rankings helpen, omdat de afbeeldingen op uw pagina uw zoekwoorden promoten en verbeteren.
Gebruik het niet alleen voor zoekmachine optimalisatie
Veel sites denken dat als ze alt-tekst als een SEO-tool gebruiken, ze de zoekmachines "voor de gek kunnen houden" door hun site te optimaliseren voor een zoekwoord dat ze daar niet hebben. Dit kan echter averechts werken als de zoekmachine besluit je resultaten te vervalsen en je volledig van de resultaten verwijdert.
