1.2

Chaque image de décoration, sans légende, est-elle correctement ignorée par les technologies d’assistance ?

Technical Notes

  • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
  • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
  • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.

Référence WCAG

WCAG 1.1.1

Tests

  1. 1.2.1

    Chaque image (balise <img>) de décoration, sans légende, vérifie-t-elle une de ces conditions ?

    La balise <img> possède un attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle.
    La balise <img> possède un attribut WAI-ARIA aria-hidden="true".
    La balise <img> possède un role="presentation" ou un role="none" et est dépourvue des attributs title, aria-label et aria-labelledby.

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.
  2. 1.2.2

    Chaque zone non cliquable (balise <area> sans attribut href) de décoration, vérifie-t-elle une de ces conditions ?

    La balise <area> possède un attribut alt vide (alt="") et est dépourvue de tout autre attribut permettant de fournir une alternative textuelle.
    La balise <area> possède un attribut WAI-ARIA aria-hidden="true".
    La balise <area> possède un role="presentation" ou un role="none" et est dépourvue des attributs title, aria-label et aria-labelledby.

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.
  3. 1.2.3

    Chaque image objet (balise <object> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?

    La balise <object> possède un attribut WAI-ARIA aria-hidden="true".
    La balise <object> est dépourvue d’alternative textuelle.
    Il n’y a aucun texte faisant office d’alternative textuelle entre <object> et </object>.

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.
  4. 1.2.4

    Chaque image vectorielle (balise <svg>) de décoration, sans légende, possède un attribut WAI-ARIA aria-hidden="true". Cette règle est-elle respectée ?

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.
  5. 1.2.5

    Chaque image bitmap (balise <canvas>) de décoration, sans légende, vérifie-t-elle ces conditions ?

    La balise <canvas> possède un attribut WAI-ARIA aria-hidden="true".
    La balise <canvas> et ses enfants sont dépourvus d’alternative textuelle.
    Il n’y a aucun texte faisant office d’alternative textuelle entre <canvas> et </canvas>.

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.
  6. 1.2.6

    Chaque image embarquée (balise <embed> avec l’attribut type="image/…") de décoration, sans légende, vérifie-t-elle ces conditions ?

    La balise <embed> possède un attribut WAI-ARIA aria-hidden="true".
    La balise <embed> et ses enfants sont dépourvus d’alternative textuelle.

    Technical Notes

    • Lorsqu’une image est associée à une légende, la note technique WCAG recommande de prévoir systématiquement une alternative textuelle (cf. critère 1.9). Dans ce cas le critère 1.2 est non applicable.
    • Dans le cas d’une image vectorielle (balise <svg>) de décoration qui serait affichée au travers d’un élément <use href="…"> enfant de l’élément <svg>, le test 1.2.4 s’appliquera également à l’élément <svg> associé par le biais de l’élément <use>.
    • Si une image se trouve imbriquée dans une balise possédant un attribut aria-hidden="true", alors elle sera considérée comme étant masquée pour les technologies d’assistance.

Techniques WCAG