Een tekstalternatief schrijven dat klopt
Er is geen regel voor wat erin moet staan. Wel een vraag die hem altijd beantwoordt: wat mist iemand die het beeld niet ziet?
Wat het is
De zin die in plaats van je afbeelding klinkt
Een tekstalternatief is wat voorleessoftware opleest waar jouw bezoeker een afbeelding ziet. Er bestaat geen regel voor wat erin moet staan, en dat maakt dit het lastigste onderwerp van allemaal.
De vraag is niet wat er op de afbeelding te zien is. De vraag is wat iemand mist als hij hem niet ziet. Beantwoord die, en je hebt je tekst.
Vier soorten
Begin met: draagt dit beeld informatie?
Versiering
Leeg laten. Uitdrukkelijk leeg, niet vergeten.
Een sfeerfoto bij een nieuwsbericht, een decoratieve illustratie, een lijntje. Als de pagina zonder dat beeld precies hetzelfde vertelt, hoort het tekstalternatief leeg te zijn, zodat voorleessoftware het overslaat.
Informatie die nergens anders staat
Beschrijf wat de lezer anders mist, in één zin.
Hier gaat het meestal mis bij campagnebeelden met tekst erin. Wij vonden een beeldschermbrede afbeelding met de tekst “Ben je Bob, zeg het hardop” zonder tekstalternatief. Wie niet ziet, mist precies de boodschap waar de campagne om draait. Staat er tekst in je beeld, dan hoort die altijd in het alternatief terug te komen.
Een beeld dat ook een link of knop is
Beschrijf de bestemming, niet het plaatje.
Bij een logo dat naar de homepage gaat hoort "Naar de homepage van [organisatie]", niet "Logo". Staat er al tekst naast in dezelfde link, dan hoort het beeld juist leeg te blijven, anders wordt alles dubbel voorgelezen.
Een grafiek, kaart of infographic
Een korte alt-tekst, en de gegevens in tekst op de pagina.
In een alt-tekst past geen staafdiagram. Zet er kort bij wat het is ("Staafdiagram van het aantal aanvragen per jaar"), en zet de cijfers eronder in een tabel of in lopende tekst. Dan kan iedereen erbij, ook iemand die de grafiek wel ziet maar de verhoudingen niet goed kan schatten.
Wat je doet
In PRO
Bij elke afbeelding in PRO zit een veld voor het tekstalternatief. Dat veld leeg laten is een keuze die je bewust maakt, en voor versiering is het de goede keuze.
- Begin niet met "afbeelding van" of "foto van". Dat kondigt voorleessoftware zelf al aan.
- Houd het kort. Eén zin is bijna altijd genoeg. Is er meer te vertellen, dan hoort dat in de tekst van je pagina.
- Gebruik geen bestandsnaam. "IMG_4471" of "banner-def-v3" zegt niets.
- Herhaal het bijschrift niet. Staat er al een bijschrift onder, dan hoeft het alternatief dat niet over te doen.
Zelf nakijken
Dek je beeld af
Houd je hand over de afbeelding en lees de pagina. Mis je informatie? Dan moet die in het tekstalternatief. Mis je niets? Dan is het beeld versiering en hoort het alternatief leeg te zijn.
Dat is de hele toets, en hij werkt beter dan elke regel die wij kunnen opschrijven.
Heb je nog vragen?
Kom je er niet uit, of klopt iets niet met wat jij op je scherm ziet? Laat het weten.