Checklist Renow 4.3

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