Aller au contenu principal
RAWEBA

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
  • ARIA6
  • G92
  • G74
  • G73

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 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é.