Quand une animation ou une carte interactive a une alternative textuelle, cette alternative contient-elle vraiment toutes les informations présentes dans l'élément graphique ?
Critère officiel 4.9 — Pour chaque média non temporel ayant une alternative, cette alternative est-elle pertinente ?
Pourquoi c'est important
Une alternative incomplète — qui ne mentionne que quelques équipements sur la carte, ou qui résume vaguement l'infographie — donne une fausse impression d'accessibilité tout en laissant la personne aveugle sans une partie des informations.
Exemples concrets
Ce qui est conforme
L'alternative textuelle de la carte des équipements liste les 23 équipements de la commune avec le nom, l'adresse complète, le numéro de téléphone et les horaires de chacun — exactement les mêmes informations que celles disponibles sur la carte interactive.
Ce qui pose problème
L'alternative textuelle de la même carte ne mentionne que les 5 équipements principaux. Les 18 autres — aires de jeux, points de collecte, défibrillateurs — ne sont pas listés.
Comment agir
Pour vérifier : parcourez l'élément graphique en notant chaque information qu'il contient, puis vérifiez que chacune est présente dans l'alternative textuelle. Demandez à votre prestataire de compléter l'alternative si des éléments manquent.
Règles clés
- Mêmes exigences que 1.3 et 1.7 : l'alternative transmet l'intégralité de l'information.
- Pour une visualisation interactive : couvrir tous les états pertinents.
Erreurs fréquentes
- Alternative décrivant le type ('graphique interactif') sans reproduire le contenu
- Tableau de données incomplet ne couvrant pas toutes les séries du graphique
Exemples de code
alternative incomplète
✗ Non conforme<canvas aria-label="Graphique des ventes"
role="img"></canvas>
<!-- Alternative : 'Les ventes ont progressé' -->Alternative trop vague — aucune valeur précise.
alternative complète avec tableau
✓ Conforme<canvas aria-label="Ventes 2024 — données dans le tableau suivant"
role="img"
aria-describedby="data-ventes"></canvas>
<table id="data-ventes">
<!-- toutes les valeurs du graphique -->
</table>Le tableau contient toutes les données. Parité d'information totale.
Référence WCAG : 1.1.1