Glossaire

Alternative textuelle

Ajouter ma proposition
  • Proposition DINSIC | 08/03/2019 - 10:55

    Modification de l’entrée de glossaire “Alternative textuelle”

    Raison de la modification

    Prise en compte de l’ensemble des techniques permettant d’associer une alternative textuelle aux différentes formes d’images

    Ancienne entrée de glossaire “Alternative textuelle”

    Texte associé à une image via une technique appropriée et décrivant l'information véhiculée par l'image (par rapport au contexte du contenu web dans lequel elle se trouve). RGAA considère quatre types d'alternatives liées à la nature de l'image :

    • pour une image porteuse d'information, l'alternative apporte l'information nécessaire à la compréhension du contenu auquel l'image est associée ;
    • pour une image de décoration, l'alternative doit être vide (alt="") ;
    • pour une image-lien, l'alternative doit permettre de comprendre la fonction et la destination du lien ;
    • pour une image CAPTCHA ou une image-test, l'alternative ne peut pas apporter l'information véhiculée par l'image sans rendre la fonction associée inopérante. Dans ce cas de figure, l'alternative doit se contenter de permettre d'identifier la nature et la fonction de l'image.

    Note 1 : pour une image CAPTCHA l'alternative peut être, par exemple : « Code de sécurité anti-spam » ou « code pour vérifier que vous êtes un humain » ou toute autre alternative permettant à l'utilisateur de comprendre la nature et la fonction de l'image.

    Note 2 : pour un groupe d'images, par exemple un système de vote constitué de plusieurs images d'étoiles, il est fortement conseillé d'utiliser la première image du groupe pour donner une alternative plus cohérente au groupe d'image. Dans ce cas, les autres images du groupe sont considérées comme des images de décoration. Vous pouvez consulter, à ce sujet, la note suivante : A group of images that form a single larger picture with no links.

    Nouvelle entrée de glossaire “Alternative textuelle”

    Texte alternatif associé à un élément graphique de type :

    • image (balise <img> ou balise possédant un attribut WAI-ARIA role="img"),
    • zone d’image réactive (balise <area>),
    • bouton de type image (balise <input> avec l’attribut type="image"),
    • image objet (balise <object type="image/…">)
    • image vectorielle (balise <svg>)
    • image bitmap (balise <canvas>)
    • image embarquée (balise <embed>)

    L’association peut se faire selon une des techniques suivantes ou par tout autre technique dans la mesure où celle-ci est compatible avec la base de référence utilisée lors de l’audit :

    attribut alt pour les balises :

    • <img>
    • <area>
    • <input type="image">

    attribut WAI-ARIA aria-label pour les balises :

    • <img>
    • <area>
    • <input type="image">
    • <svg>
    • <object type="image/…">
    • <embed type="image/…">
    • <canvas>
    • balises possédant un attribut WAI-ARIA role="img"

    attribut WAI-ARIA aria-labelledby pour les balises :

    • <img>
    • <input type="image">
    • <svg>
    • <object type="image/…">
    • <embed type="image/…">
    • <canvas>
    • balises possédant un attribut WAI-ARIA role="img"

    attribut title pour les balises :

    • <img>
    • <input type="image">
    • <object type="image/…">
    • <embed type="image/…">

    RGAA considère trois types d'alternatives textuelles liées à la nature de l'image :

    • pour une image porteuse d'information, l'alternative textuelle apporte l'information nécessaire à la compréhension du contenu qu’elle véhicule;
    • pour une image de décoration, aucune alternative textuelle ne doit être restituée ;
    • pour une image CAPTCHA ou une image-test, l'alternative textuelle décrit seulement la nature et la fonction de l'image. En effet, l’alternative textuelle ne peut apporter l'information véhiculée par l'image sans rendre la fonction associée inopérante.

    Note 1 : pour une image CAPTCHA l'alternative peut être, par exemple : « Code de sécurité anti-spam » ou « code pour vérifier que vous êtes un humain » ou toute autre alternative permettant à l'utilisateur de comprendre la nature et la fonction de l'image.

    Note 2 : pour un groupe d'images, par exemple un système de vote constitué de plusieurs images d'étoiles, il est fortement conseillé d'utiliser soit la première image du groupe pour donner une alternative cohérente au groupe d'image (voir la technique WCAG2.1 G196), soit une balise conteneur pourvue d'un rôle img et d'une alternative textuelle. Dans le premier cas, les autres images du groupe sont considérées comme des images de décoration. Dans le second cas, toutes les images du groupe sont considérées comme des images de décoration.

    Note 3 : pour les image-lien, l'alternative doit permettre de comprendre la fonction et la destination du lien ; ce cas est traité dans la thématique liens.

    Note 4 : pour les images vectorielles (balise <svg>) l'alternative textuelle pourrait se trouver aussi présente dans une balise <text> que cette balise soit ou non visible, même si ce n'est pas le rôle dévolu à cet élément en SVG.

    Note 5 : l’utilisation de l’attribut alt étant la seule technique totalement supportée par les aides techniques il est recommandé de privilégier cette solution lors de la mise en œuvre d’une alternative à une balise <img>, <area> et <input type="image">.

J'ajoute ma proposition

La concertation est bientôt lancée. Il n'est pas encore possible de participer

Retour en haut