Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ?

Référence WCAG

Tests

1. 1.6.1

   Chaque image (balise <img>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

   Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image.
   Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
2. 1.6.2

   Chaque image objet (balise <object> avec l’attribut type="image/…") porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

   Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image.
   Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
3. 1.6.3

   Chaque image embarquée (balise <embed>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

   Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image.
   Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
4. 1.6.4

   Chaque bouton de type image (balise <input> avec l’attribut type="image") porteur d’information, qui nécessite une description détaillée, vérifie-t-il une de ces conditions ?

   Il existe une alternative textuelle contenant la référence à une description détaillée adjacente à l’image.
   Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
   Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
5. 1.6.5

   Chaque image vectorielle (balise <svg>) porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

   Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente.
   Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée.
   Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.
   Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
6. 1.6.6

   Pour chaque image vectorielle (balise <svg>) porteuse d’information, ayant une description détaillée, la référence éventuelle à la description détaillée dans l’attribut WAI-ARIA aria-label et la description détaillée associée par l’attribut WAI-ARIA aria-labelledby ou aria-describedby sont-elles correctement restituées par les technologies d’assistance ?

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
7. 1.6.7

   Chaque image bitmap (balise <canvas>), porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

   Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente.
   Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée.
   Il existe un contenu textuel entre <canvas> et </canvas> faisant référence à une description détaillée adjacente à l’image bitmap.
   Il existe un contenu textuel entre <canvas> et </canvas> faisant office de description détaillée.
   Il existe un lien ou bouton adjacent permettant d’accéder à la description détaillée.

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
8. 1.6.8

   Pour chaque image bitmap (balise <canvas>) porteuse d’information, qui implémente une référence à une description détaillée adjacente, cette référence est-elle correctement restituée par les technologies d’assistance ?

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
9. 1.6.9

   Pour chaque image (balise <img>, <input> avec l’attribut type="image", <area>, <object>, <embed>, <svg>, <canvas>, ou possédant un attribut WAI-ARIA role="img") porteuse d’information, qui est accompagnée d’une description détaillée et qui utilise un attribut WAI-ARIA aria-describedby, l’attribut WAI-ARIA aria-describedby associe-t-il la description détaillée ?

   Technical Notes

   • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
   • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
   • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.
10. 1.6.10

    Chaque balise possédant un attribut WAI-ARIA role="img" porteuse d’information, qui nécessite une description détaillée, vérifie-t-elle une de ces conditions ?

    Il existe un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente.
    Il existe un attribut WAI-ARIA aria-labelledby associant un passage de texte faisant office d’alternative textuelle et un autre faisant office de description détaillée.
    Il existe un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.
    Il existe un lien ou un bouton adjacent permettant d’accéder à la description détaillée.

    Technical Notes

    • Dans le cas du SVG, le manque de support de l’élément <desc> ne permet pas son utilisation pour l’implémentation d’une description détaillée.
    • L’utilisation de l’attribut WAI-ARIA aria-describedby n’est pas recommandée pour lier une image (<img>, <object>, <embed>, <canvas>) à sa description détaillée, par manque de support des technologies d’assistance. Néanmoins, lorsqu’il est utilisé, l’attribut devra nécessairement faire référence à l’id de la zone contenant la description détaillée.
    • La description détaillée adjacente peut être implémentée via une balise <figcaption>, dans ce cas le critère 1.9 doit être vérifié.

Techniques WCAG

• ARIA6
• G92
• G74
• G73