Aller au contenu principal
RGAAA

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

References WCAG
  • 1.1.1 Non-text Content (A)
Techniques
  • G92
  • G74
  • G73
  • H45
  • ARIA6

Méthodologie officielle pour tester le critère 1.6

Test 1 (1.6.1)

  1. Retrouver dans le document les images structurées au moyen d’un élément <img> (ou d’un élément possédant l’attribut WAI-ARIA role="img") porteuses d’information qui nécessitent une description détaillée ;
  2. Pour chaque image, vérifier qu’il existe :
    • Soit un attribut longdesc qui donne l’adresse (url) d’une page ou d’un emplacement dans la page contenant la description détaillée ;
    • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque image, le test est validé.

Test 2 (1.6.2)

  1. Retrouver dans le document les éléments <object> pourvus de l’attribut type="image/…", porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément <object> pourvu de l’attribut type="image/…", vérifier qu’il existe :
    • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque élément <object> pourvu de l’attribut type="image/…", le test est validé.

Test 3 (1.6.3)

  1. Retrouver dans le document les éléments <embed> pourvus de l’attribut type="image/…", porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément <embed> pourvu de l’attribut type="image/…", vérifier qu’il existe :
    • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque élément <embed> pourvu de l’attribut type="image/…", le test est validé.

Test 4 (1.6.4)

  1. Retrouver dans le document les éléments <input> pourvus de l’attribut type="image", porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément <input> pourvu de l’attribut type="image", vérifier qu’il existe :
    • Soit une alternative textuelle contenant la référence à une description détaillée adjacente à l’image ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée ;
    • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée.
  3. Si c’est le cas pour chaque élément <input> pourvu de l’attribut type="image", le test est validé.

Test 5 (1.6.5)

  1. Retrouver dans le document les éléments <svg> porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément <svg>, vérifier qu’il existe :
    • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
    • Soit 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 ;
    • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque élément <svg>, le test est validé.

Test 6 (1.6.6)

  1. Retrouver dans le document les éléments <svg> porteurs d’information dont la description détaillée est fournie au moyen d’un attribut aria-label, aria-labelledby ou aria-describedby ;
  2. Pour chaque élément <svg>, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
  3. Si c’est le cas pour chaque élément <svg>, le test est validé.

Test 7 (1.6.7)

  1. Retrouver dans le document les éléments <canvas> porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément <canvas>, vérifier qu’il existe :
    • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
    • Soit 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 ;
    • Soit un contenu textuel entre <canvas> et </canvas> faisant référence à une description détaillée adjacente à l’image bitmap ;
    • Soit un contenu textuel entre <canvas> et </canvas> faisant office de description détaillée ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque élément <canvas>, le test est validé.

Test 8 (1.6.8)

  1. Retrouver dans le document les éléments <canvas> porteurs d’information dont la description détaillée est fournie au moyen d’un attribut aria-label, aria-labelledby ou aria-describedby ;
  2. Pour chaque élément <canvas>, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
  3. Si c’est le cas pour chaque élément <canvas>, le test est validé.

Test 9 (1.6.9)

  1. Retrouver dans le document les images (éléments <img>, <input> avec l’attribut type="image", <area>, <object>, <embed>, <svg>, <canvas> ou possédant un attribut WAI-ARIA role="img") porteuses d’information dont la description détaillée utilise un attribut WAI-ARIA aria-describedby ;
  2. Pour chaque image, vérifier que le contenu de la description détaillée est correctement restitué par les technologies d’assistance ;
  3. Si c’est le cas pour chaque image, le test est validé.

Test 10 (1.6.10)

  1. Retrouver dans le document les éléments pourvus d’un attribut WAI-ARIA role="img" porteurs d’information qui nécessitent une description détaillée ;
  2. Pour chaque élément role="img", vérifier qu’il existe :
    • Soit un attribut WAI-ARIA aria-label contenant l’alternative textuelle et une référence à une description détaillée adjacente ;
    • Soit 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 ;
    • Soit un attribut WAI-ARIA aria-describedby associant un passage de texte faisant office de description détaillée ;
    • Soit un lien ou un bouton adjacent permettant d’accéder à la description détaillée.
  3. Si c’est le cas pour chaque élément role="img", le test est validé.