Jeu de tests RGAA 4.1.2 — pages de référence pour auditer les outils

Test 1.3.1 — Image complexe : description détaillée

Erreurs à trouver : 2 • Cas conformes : 2

Graphique sans description détaillée (erreur) NON CONFORME

Attendu : Doit être signalée : image complexe nécessite une description détaillée (texte attenant, figcaption riche, aria-describedby, etc.).

Extrait de code

<img src="assets/graph-2024.png" alt="Graphique 2024">

Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.

Graphique avec résumé + tableau de données (conforme) CONFORME

Attendu : Conforme : restitution textuelle complète.

Extrait de code

<figure>
  <img src="assets/graph-2024.png" alt="Évolution des ventes 2024">
  <figcaption id="desc-graph">Les ventes augmentent de 15% entre janvier et décembre. Détails ci-dessous.</figcaption>
</figure>
<table aria-describedby="desc-graph">
  <caption>Ventes mensuelles 2024</caption>
  <tr><th>Mois</th><th>Ventes</th></tr>
  <tr><td>Jan</td><td>100</td></tr>
  <tr><td>Déc</td><td>115</td></tr>
</table>

Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.

Infographie avec alt vague (erreur) NON CONFORME

Attendu : Doit être signalée : pas de description détaillée alors que l’image synthétise des informations.

Extrait de code

<img src="assets/infographie-rse.png" alt="Infographie">

Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.

Infographie décrite dans le texte attenant (conforme) CONFORME

Attendu : Conforme : description détaillée contextuelle suffisante.

Extrait de code

<img src="assets/infographie-rse.png" alt="Principaux axes RSE 2024">
<p id="desc-rse">Trois axes : Inclusion (30%), Sobriété (45%), Achats responsables (25%).</p>

Astuce audit : utiliser lecteur d’écran ou inspection DOM pour vérifier alt/ARIA.