De informatie die een afbeelding geeft, moet toegankelijk zijn voor mensen die de afbeelding niet of slecht kunnen zien. Maak deze informatie toegankelijk met een tekstueel alternatief.
Succescriterium 1.1.1 Niet-tekstuele content
Dit artikel gaat alleen over eenvoudige afbeeldingen. Denk aan een foto, een eenvoudige tekening of een icoon.
Als tekstueel alternatief kun je een alt-tekst gebruiken. Deze zet je in het alt-attribuut van een afbeelding. In de alt-tekst beschrijf je wat op de afbeelding te zien is of wat de functie van de afbeelding is. Staat er tekst in de afbeelding? Dan zet je de hele tekst uit de afbeelding ook in de alt-tekst.
Bij decoratieve afbeeldingen laat je de alt-tekst leeg. Dan kan hulptechnologie zoals een schermlezer de afbeelding overslaan. Bedenk goed of er echt geen informatie in de afbeelding staat.
Gebruik een label als tekstueel alternatief in een app. Zet de focus uit bij decoratieve afbeeldingen. Een schermlezer slaat deze afbeeldingen dan over.
Controleer of een afbeelding een beschrijving heeft. Test websites met een WAVE- of AXE webbrowser plug-in. Test apps met de beschikbare tools per platform. Check de kwaliteit van de beschrijving en check of het antwoord op de volgende vragen ‘Ja’ is:
Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.
Waar was je naar op zoek?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.