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.