L'elemento HTML5 figcaption nasce come complemento all'elemento figure. Infatti un'immagine senza didascalia è un'immagine incompleta, anche se da sempre gli sviluppatori
hanno abusato dell'attributo alt delle immagini.
Da questa considerazione scaturisce una domanda: che differenza c'è tra l'elemento figcaption e l'attributo alt dell'elemento img? La differenza è sostanziale:
il primo serve a fornire una descrizione estesa ed articolata dell'immagine, mentre il secondo fornisce semplicemente un testo sostitutivo dell'immagine.
L'uso consigliato è il seguente:
<figure>
<img src="image.jpg" alt="Testo alternativo" />
<figcaption>
Descrizione estesa
</figcaption>
</figure>
Come si può notare è l'uso combinato dell'elemento figcaption e dell'attributo alt a fare in modo che la marcatura sia accessibile anche ai programmi utente che non
supportano HTML5.