Koppel het uitgebreide tekstalternatief aan een complexe afbeelding

Beschrijf je een complexe afbeelding op dezelfde pagina, dan moet het worden gekoppeld aan de afbeelding waar het bij hoort. Dit is erg handig voor mensen die gebruik maken van een schermlezer.

Hiervoor kan het <​figcaption​>-element worden gebruikt. Het <​figcaption​>-element geeft een zichtbaar bijschrift voor de afbeelding in het <​figure​>-element.

In de code ziet dat er zo uit:

Een andere manier om een uitgebreide beschrijving te koppelen aan een afbeelding is met het aria-describedby-attribuut. Gebruik de waarde in het ID-attribuut van het element waar de complexe afbeelding beschreven wordt.

In de code ziet dat er zo uit:

De langere beschrijving hoort ook zichtbaar te zijn voor mensen die wel kunnen zien.