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

WCAG Reference

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 un attribut longdesc qui donne l'adresse (URL) d'une page ou d'un emplacement dans la page contenant la description détaillée ;
   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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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-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 ;
   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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).
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 <title> et <desc> par les technologies d'assistance crée une difficulté dans le cas de l'implémentation de l'alternative textuelle de l'image et de sa description détaillée. Dans ce cas, il est recommandé d'utiliser l'attribut WAI-ARIA aria-label pour implémenter à la fois l'alternative textuelle courte et la référence à description détaillée adjacente ou l'attribut WAI-ARIA aria-labelledby pour associer les passages de texte faisant office d'alternative courte et de 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é (utilisation de <figure> et des attributs WAI-ARIA role="figure" et aria-label, notamment).

WCAG Techniques

• G92
• G74
• G73
• H45
• ARIA6