Een gedeelte van de inhoud van dit artikel is verouderd.

Soms gebeurt het dat je vergeet afbeeldingen te uploaden, of door een foutje in je code worden deze niet goed getoond. Het komt zelfs voor dat bezoekers afbeeldingen uit hebben staan, om zo sneller te kunnen surfen.

Het is natuurlijk jammer als ze dan je sfeerfoto's niet kunnen zien, maar een grotere ramp is dat je grafische menu nu niet meer zichtbaar is! In deze gevallen wil je op z'n minst dat men je menu kan gebruiken, toch?

Gelukkig is dit vrij eenvoudig op te lossen door een klein stukje code in je afbeelding te verwerken: de zogenaamde Alt-tekst.

Alt-teksten?

Alt-teksten heb je vast wel eens gezien, als je op een goedwerkende afbeelding je muiswijzer plaatst, komt er een vlakje met een tekst erin te staan. Probeer het maar eens op mijn foto bij dit artikel, je krijgt nu mijn naam en functie te zien. Dit werkt overigens ook bij mijn collega's :-). Maar het werkt ook als de afbeelding door wat voor oorzaak niet getoond wordt: de tekst komt in het lege vlak te staan, waar de afbeelding zou moeten zijn. Kijk maar eens naar dit voorbeeld:

 
dit plaatje ontbreekt opzettelijk ;-)

Welke code voeg je toe?

Nu zul je wel willen weten welke code je dan moet toevoegen aan je afbeeldingen. Zoek de code op van de afbeelding waarop je de Alt-tekst wilt toepassen. Plaats dan vervolgens alt="plaats hier je tekst" in je img tag. Je krijgt dan het volgende:

<img src="afbeelding.gif" alt="plaats hier je
tekst">

Bij een html-programma als Frontpage of Dreamweaver is het helemaal eenvoudig, er is namelijk een speciaal vlakje voor Alt-teksten toegevoegd aan de opties van afbeeldingen. Vul je tekst hier in en de code wordt automatisch aangemaakt.

Tot slot

Je kunt natuurlijk ook andere toepassingen voor de Alt-tekst bedenken. Denk bijvoorbeeld aan een ‘Help'-afbeelding, waar je een uitleg als Alt-tekst ziet zodra je over de afbeelding gaat.

Veel succes met het toegankelijker maken van je website!