WCAG A Votre équipe Moyen

Quand un texte détaillé accompagne une image complexe, reprend-il vraiment toutes les informations importantes sans en omettre ?

Critère officiel 1.7 — Pour chaque image porteuse d’information ayant une description détaillée, cette description est-elle pertinente ?

Pourquoi c'est important

Un texte de description qui omet des données clés est trompeur : la personne aveugle croit avoir accès à toute l'information alors qu'il en manque une partie. Elle prend des décisions sur la base de données incomplètes.

Exemples concrets

Ce qui est conforme

Le graphique de répartition du budget est accompagné d'un tableau complet reprenant chaque poste de dépense avec son montant et son pourcentage — exactement les mêmes données que celles visibles dans le graphique, sans omission.

Ce qui pose problème

La description du graphique budgétaire ne mentionne que les trois postes principaux, omettant les postes plus petits qui représentent pourtant 30 % du budget total.

Comment agir

Pour vérifier : demandez à un collègue de lire uniquement le texte (champ « Description » de la médiathèque ou bloc de texte sous l'image), sans regarder l'image, et de confirmer qu'il comprend exactement les mêmes informations. Pour corriger : retournez dans Médias → sélectionnez l'image → complétez le champ « Description ».

Règles clés

  • La description doit permettre de reconstituer mentalement l'image avec la même précision qu'en la voyant.
  • Pour un graphique : toutes les valeurs, libellés, unités, tendances.
  • Pour un schéma : tous les composants, relations et flux.

Erreurs fréquentes

  • Description qui résume ('Les ventes ont augmenté') sans donner les valeurs précises
  • Description décrivant l'apparence visuelle du graphique plutôt que ses données
  • Description non mise à jour quand le graphique change

Exemples de code

description incomplète

✗ Non conforme
<details>
  <summary>Description du graphique</summary>
  <p>Ce graphique montre l'évolution des ventes.
  Les ventes augmentent de façon constante.</p>
</details>

Tendance générale sans aucune valeur précise. Un utilisateur aveugle ne dispose pas des mêmes données qu'un voyant.

description complète et précise

✓ Conforme
<details>
  <summary>Données — Ventes 2020–2024</summary>
  <ul>
    <li>2020 : 145 k€ (référence)</li>
    <li>2021 : 167 k€ (+15%)</li>
    <li>2022 : 198 k€ (+19%)</li>
    <li>2023 : 234 k€ (+18%)</li>
    <li>2024 : 289 k€ (+23%, record)</li>
  </ul>
  <p>Tendance : croissance continue sur 5 ans,
  accélérée en 2024.</p>
</details>

Toutes les valeurs, pourcentages et la tendance sont présents. Parité d'information totale entre voyants et non-voyants.

Référence WCAG : 1.1.1

La lettre de l'Atelier A11Y

Ressources pédagogiques, critères RGAA commentés et retours de terrain : une lettre mensuelle pour progresser sur l'accessibilité numérique, sans jargon.

  • Nouveaux articles et ressources pédagogiques
  • Critères RGAA décortiqués avec des exemples concrets
  • Bonnes pratiques et retours d'expérience terrain
S'abonner à la newsletter (s'ouvre dans un nouvel onglet)

Gratuit. Désabonnement possible à tout moment.