Images légendées (FIGURE)

Le HTML5 a introduit un nouvel élément <figure> pour insérer une image avec une légende.

Implémentation HTML

Les images légendées doivent être balisées avec <figure> ; cette balise comporte le rôle aria implicite role="figure". La balise <figure> peut englober une légende qui sera alors implémentée avec l’élément HTML <figcaption>[...]</figcaption>.
Si la balise <figure> possède un attribut aria-label et une légende figcaption alors le contenu de aria-label doit correspondre à celui de la balise <figcaption>.

Code et rendu

Code HTML

<figure aria-label="Clavier TACT-BRAILLE permettant de lire et d'écrire en braille.">
<img src="images/clavier.jpg" alt="Clavier Tact-braille" />
    <figcaption>Clavier TACT-BRAILLE permettant de lire et d'écrire en braille.</figcaption>
</figure>

Rendu visuel