Alternatieve tekst: decoratieve afbeeldingen
Wat te doen bij afbeeldingen die geen informatie overdragen?
Soms heeft een afbeelding niets informatiefs toe te voegen: het is decoratief, zoals een gekleurd vlakje, een scheidingslijn of een transparante afbeelding, gebruikt voor het creëeren van ruimte in de lay-out (in vakjargon een ‘spacer-GIF’ genoemd).
Inhoudsopgave
Lege alternatieve tekst
Wanneer een afbeelding decoratief is volstaat een lege alternatieve tekst: het alt attribuut wordt niet weggelaten, maar krijgt een lege waarde. Dit heeft twee redenen.
- Er wordt voorkomen dat spraak- en tekstbrowsers gaan raden naar een alternatieve tekst aan de hand van de bestandsnaam of er simpelweg de storende beschrijving [image] voor in de plaats geven.
-
Het gebruik van het
altattribuut is verplicht op hetimgenareaelement.. Het weglaten is technisch onjuist en levert ongeldige HTML op.
Wat niet te doen
Gebruik voor deze afbeeldingen in geen geval een alternatieve tekst als “Vlakje” of “Spacer”. De bezoekers die baat hebben bij alternatieve teksten hebben niets aan deze informatie.
Spacer-GIFs en CSS
Het gebruik van spacer-GIFs voor het creëren van een grafische lay-out is achterhaald. Met CSS kunnen vergelijkbare – en zelfs betere – effecten worden bereikt. CSS levert in vergelijking met spacer-GIFs een kleiner bestandsformaat op en is flexibeler in creatie en onderhoud. Bovendien garandeert CSS een betere invulling van het principe van scheiding tussen structuur en vormgeving. Alternatieve tekst voor spacer-GIFs is alleen een aandachtspunt wanneer deze klassieke methode door de webontwikkelaar onverhoopt niet kan worden vermeden.
