OpenPath
1.2

Chaque image de décoration 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 à la balise <svg> associée par le biais de la balise <use>.
  • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".

WCAG Reference

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" ou role="presentation".

    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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
  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" ou role="presentation".

    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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
  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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
  4. 1.2.4

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

    La balise <svg> possède un attribut WAI-ARIA aria-hidden="true" ;
    La balise <svg> et ses enfants sont dépourvus d'alternative textuelle ;
    Les balises <title> et <desc> sont absentes ou vides ;
    La balise <svg> et ses enfants sont dépourvus d'attribut title.

    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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
  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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".
  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 à la balise <svg> associée par le biais de la balise <use>.
    • Un attribut WAI-ARIA role="presentation" peut être utilisé sur les images de décoration et les zones non cliquables de décoration. Le rôle "none" introduit en ARIA 1.1 et synonyme du rôle "presentation" peut être aussi utilisé. Il reste préférable cependant d'utiliser le rôle "presentation" en attendant un support satisfaisant du rôle "none".

WCAG Techniques

  • H67
  • G196
  • C9
  • F39
  • F38
  • ARIA4
  • ARIA10