Thématique 1 · Images

Critère 1.1 du RGAA 4.1

Énoncé officiel

Chaque image porteuse d’information a-t-elle une alternative textuelle ?

Tests (8)

Test 1.1.1
Chaque image (balise `<img>` ou balise possédant l’attribut WAI-ARIA `role="img"`) porteuse d’information a-t-elle une alternative textuelle ?
Test 1.1.2
Chaque zone d’une image réactive (balise `<area>`) porteuse d’information a-t-elle une alternative textuelle ?
Test 1.1.3
Chaque bouton de type `image` (balise `<input>` avec l’attribut `type="image"`) a-t-il une alternative textuelle ?
Test 1.1.4
Chaque zone cliquable d’une image réactive côté serveur est-elle doublée d’un mécanisme utilisable quel que soit le dispositif de pointage utilisé et permettant d’accéder à la même destination ?
Test 1.1.5
Chaque image vectorielle (balise `<svg>`) porteuse d’information, vérifie-t-elle ces conditions ?
La balise `<svg>` possède un attribut WAI-ARIA `role="img"` ;
La balise `<svg>` a une alternative textuelle.
Test 1.1.6
Chaque image objet (balise `<object>` avec l’attribut `type="image/…"`) porteuse d’information, vérifie-t-elle une de ces conditions ?
La balise `<object>` possède une alternative textuelle et un attribut `role="img"` ;
L’élément `<object>` est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;
Un mécanisme permet à l’utilisateur de remplacer l’élément `<object>` par un contenu alternatif.
Test 1.1.7
Chaque image embarquée (balise `<embed>` avec l’attribut `type="image/…"`) porteuse d’information, vérifie-t-elle une de ces conditions ?
La balise `<embed>` possède une alternative textuelle et un attribut `role="img"` ;
L’élément `<embed>` est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;
Un mécanisme permet à l’utilisateur de remplacer l’élément `<embed>` par un contenu alternatif.
Test 1.1.8
Chaque image bitmap (balise `<canvas>`) porteuse d’information, vérifie-t-elle une de ces conditions ?
La balise `<canvas>` possède une alternative textuelle et un attribut `role="img"` ;
Un contenu alternatif est présent entre les balises `<canvas>` et `</canvas>` ;
L‘élément `<canvas>` est immédiatement suivi d’un lien ou bouton adjacent permettant d’accéder à un contenu alternatif ;
Un mécanisme permet à l’utilisateur de remplacer l’élément `<canvas>` par un contenu alternatif.

Ce que Conformly vérifie

Ce critère fait partie de ceux que notre moteur évalue automatiquement, via les règles suivantes :

area-alt — Zone cliquable d'image sans alternative · comment la corriger
image-alt — Image sans alternative textuelle · comment la corriger
input-image-alt — Bouton image sans alternative textuelle · comment la corriger
object-alt — Élément <object> sans alternative
role-img-alt — Élément role=img sans alternative
svg-img-alt — Image SVG sans alternative textuelle

Une vérification automatique ne remplace pas la lecture des tests ci-dessus : elle détecte des manquements, elle ne prouve pas la conformité.

Autres critères de la thématique « Images »

Source

Énoncé et tests reproduits depuis le Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, sous Licence Ouverte 2.0.

Tester une page gratuitement