Checklist Renow 4.3

Image et Multimédia

• IM.003 - Alternatives des images décoratives - Niveau 1

  Les éléments graphiques qui n'apportent pas d'information nécessaires à la compréhension du contenu possèdent une alternative textuelle vide.

  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.1.1(A)

• IM.004 - Alternative des images-liens - Niveau 1

  L'alternative textuelle d'une image-lien ou d'un bouton graphique indique la cible ou la fonction du lien ou du bouton.

  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.1.1(A)
    • 4.1.2(A)

• IM.005 - Déclenchement explicite des sons et vidéos - Niveau 1

  Les sons et/ou vidéos sont uniquement déclenchés par l'utilisateur.

  • Etape(s):
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.2.2(A)

• IM.006 - Transcriptions textuelles des sons ou vidéos - Niveau 1

  L'information délivrée dans les documents audio et vidéo est reproduite sous forme de transcriptions textuelles. Une audiodescription doit être fournie si le document le nécessite.
  

  Selon le cas:
  - Les vidéos et/ ou sons pré-enregistrées ont des sous-titres et /ou audiodescription synchronisés.
  - Si un média est une alternative au texte, il est légendé et clairement lié au texte.
  - Pour un live, une légende doit préciser le contexte et l'interet de la vidéo: "(En direct) Conférence de ....".
  La liaison peut se faire avec l'un des moyens suivants: <code>- <video src="..."> Détails et explications de la vidéo affichée.</video>
  - <div src="vidéo" describedby=iddesc >... </div>
  <p id="iddesc"> Détails et explications de la vidéo affichée.
  </p>
  - ou avec une balise figure:
  <figure role="group" >
  <video src="…" describedby=iddesc > </video>
  <figcaption id=iddesc> Détails et explications de la vidéo affichée.
  </figcaption>
  </figure></code>

  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.2.1 (A)
    • 1.2.2(A)
    • 1.2.3(A)
    • 1.2.4 (AA)
    • 1.2.5(AA)

• IM.001 - Alternative des images - Niveau 1

  Les alternatives textuelles d'images de contenu sont concises, limitées à l'information essentielle apportée spécifiquement par l'image. Elles ne font pas doublon avec l'information textuelle déjà présente dans le corps du texte.

  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.1.1(A)

• IM.002 - Alternative des images complexes - Niveau 1

  L'information apportée par une image complexe est explicitée dans le corps du texte, et l'image a une alternative textuelle permettant de localiser la description.

  Pour une balise img (canvas ou role=img ...) l'utilisation d'un aria-describedby="id", id faisant référence au paragraphe de la description.
  <img src="…" alt="voir légende ci-après" aria-describedby=iddesc />
  <p id="iddesc"> Détails et explications de l'image affichée.
  </p>
  ou avec une balise figure: <figure role="group">
  <img src="…" alt="description courte" />
  <figcaption>
  Détails et explications de l'image affichée. (ou lien vers la description)
  </figcaption>
  </figure>
  idem pour un svg avec un aria-label ou une balise <title> ou un paragraphe masqué (sauf au lecteur d'écran)

  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.1.1(A)