Test 1.9.5

Chaque image bitmap pourvue d’une légende (balise <canvas> associée à une légende adjacente), vérifie-t-elle, si nécessaire, ces conditions ?

L’image bitmap (balise <canvas>) et sa légende adjacente sont contenues dans une balise <figure>.

La légende est contenue dans une balise <figcaption>.

Méthodologie 1.9.5

  1. Retrouver dans le document les images bitmap (élément <canvas>).
  2. Pour chaque image, vérifier que :
    • l’image et sa légende sont contenues dans une balise <figure> ;
    • la légende est contenue dans une balise <figcaption>.
  3. Si c’est le cas pour chaque image, le test est validé.
Note technique

Tests suivants et précédents au clavier

Test précédent : Maj + ←

Test suivant : Maj + →

Avec ces raccourcis clavier, atteindre

Éléments et attributs

<canvas> <figcaption> <figure>

Note technique du critère 1.9

Les images légendées doivent par ailleurs respecter le critère 1.1 et le critère 1.3 relatifs aux images porteuses d’information.

Définitions

Légende d’image

Lorsqu’un texte, adjacent à une image, contient des informations sur l’image (par exemple un copyright, une date, un auteur…) ou est destiné à compléter les informations apportées par l’image (par exemple un texte associé à une image dans une galerie d’images), on parle de légende d’image.

Lorsqu’une image est légendée, il est nécessaire d’associer la légende de l’image à l’image par une relation de structure, de telle sorte que les technologies d’assistance puissent traiter l’image et sa légende comme un ensemble unique.

HTML5 propose d’associer une légende à une image via les éléments figure (l’ensemble de l’image et la légende) et figcaption (la légende).

Une image sans légende peut définir :

  • Une image qui n’est pas insérée dans un élément figure ;
  • Une image insérée dans un élément figure sans élément figcaption.

Note : lorsque le texte adjacent à l’image peut faire office de texte de remplacement, il n’est pas obligatoire de recourir à l’ensemble figure, figcaption, l’image pouvant être simplement traitée comme une image de décoration.

Vous pouvez consulter, à ce sujet, la note en anglais Requirements for providing text to act as an alternative for images du W3C.