Complexe afbeeldingen: grafieken, kaarten en lange beschrijvingen

Sommige afbeeldingen bevatten te veel informatie voor een korte zin. Grafieken, kaarten en diagrammen hebben een plan voor een langere beschrijving nodig.

Zelfs een complexe afbeelding krijgt een korte alt-tekst die benoemt wat erop staat, zoals een staafdiagram van de maandelijkse verkoop in 2024.

De korte alt-tekst benoemt de afbeelding; een nabije lange beschrijving geeft vervolgens de werkelijke gegevens of verbanden weer die de afbeelding toont.

Een goede lange beschrijving geeft de kernboodschap, bijvoorbeeld dat de verkoop in december piekte, in plaats van een droge lijst met elke afzonderlijke waarde.

Voor grafieken is een echte HTML-tabel met dezelfde cijfers direct onder de afbeelding vaak het beste alternatief.

Je kunt een lange beschrijving op de pagina zetten en die koppelen met aria-describedby, dat naar de id van het element verwijst.

Wikkel een afbeelding en de zichtbare uitleg erbij in figure en figcaption, zodat de samenhang voor iedereen duidelijk is.

Een kaartafbeelding is nutteloos zonder de onderliggende feiten. Geef daarom een adres, routebeschrijving of lijst als tekstueel equivalent.

Beschrijf bij een stroomdiagram de stappen en hun volgorde in tekst, zodat de logica ook zonder de visuele indeling behouden blijft.

Zorg dat de lange beschrijving gemakkelijk te vinden is. Een verborgen tekstequivalent waar gebruikers niet bij kunnen, helpt helemaal niet.

Hoe rijker de afbeelding, hoe meer je tekstequivalent moet doen. Laat de complexiteit van de afbeelding bepalen hoeveel je schrijft.

Je hebt het gedaan! Complexe afbeeldingen krijgen een korte alt-tekst plus een echt tekstequivalent, een gegevenstabel, figcaption of aria-describedby die het inzicht overbrengt.