Tips voor webmasters

Gebruik het alt attribuut om de functie van ieder visueel object te beschrijven

Waarvoor zijn alt attributen nuttig?

Het alt attribuut is gedefinieerd voor een handvol tags (namelijk img, area en optioneel in input en applet) om de auteur in staat te stellen een tekstueel equivalent van het object te bieden.

Een equivalent in tekst heeft de volgende voordelen voor uw website en bezoekers in de volgende, veel voorkomende omstandigheden:

• hedentendage zijn er webbrowsers beschikbaar voor zeer verschillende digitale omgevingen (platforms) en met zeer uiteenlopende mogelijkheden; sommige kunnen geen afbeeldingen tonen of slechts een beperkt type afbeeldingen; sommige kunnen worden geconfigureerd om geen afbeeldingen te laden. Indien de alt tekst is opgenomen in de HTML-broncode, laten de meeste van deze browsers de beschrijving zien in plaats van de illustraties.
• sommige websitebezoekers kunnen geen afbeeldingen zien, mogelijk zijn ze blind, kleuerenblind of slechtziend; het alt attribuut is een goede hulp voor hen die er op vertrouwen dat het een goede weergave biedt van wat zich op de pagina bevindt
• zoekmachinebots behoren tot de bovengenoemde categorieën: een website wordt geïndexeerd zo goed als die verdient, door het alt attribuut blijven belangrijke onderdelen van uw pagina's niet onopgemerkt.

Wat zal ik in mijn alt attribuut zetten?

De algemene regel voor de inhoud van het alt attribuut is: gebruik tekst die dezelfde boodschap overbrengt als de afbeelding.

Enkele meer specifieke regels:

• is het een afbeelding van gedecoreerde tekst, zet die tekst in het alt attribuut
• wordt de afbeelding gebruikt om de stippen in een lijst, een horizontale lijn of een andere verluchtiging af te beelden, dan is het goed om een alt attribuut leeg te laten (als in: alt=""), maar beter is het gebruik van zaken als list-style-image in CSS
• als de illustratie een grote hoeveelheid informatie bevat, probeer die samen te vatten in een korte regel tekst voor het alt attribuut en voeg een longdesc link toe naar een meer gedetailleerde beschrijving

Verder lezen

• Web Content Accessibility Guidelines en specifiek de passage over alternatieve inhoud
• Core Techniques, section 2 Text equivalents
• Delen uit de National Braille Association Tape Recording Manual, Third Edition. biedt richtlijnen voor het beschrijven van kaarten, grafieken en andere afbeeldingen die veel informatie bevatten
• HTML 4.01 en met name de sectie over het alt attribuut
• Providing text equivalents for images en Ignoring spacer images in de Dive Into Accessibility serie

Over de "QA Tips"

De W3C QA Tips zijn korte documenten met wetenswaardigheden voor webontwikkelaars en webontwerpers, geproduceerd en gehost door de Quality Assurance Interest Group van het W3C.

Hoewel de tips zorgvuldig nagekeken worden door deelnemers aan de groep, moeten ze niet gezien worden als iets anders dan informatieve wijsheden, en bovenal, ze zijn geen normatieve W3C technische specificaties.

Leer meer over de Tips en hoe eigen parels van wijsheid bij te dragen, en vind alle andere QA tips in de Tips Index.